PHP sekmeler?

4 Cevap php

benim sayfada sekmelerin bu tür var

Equ | Vergi | Dengeli | Borç | Fon | Borsa Yatırım Fonu | Gilt .......

and then there's space below these tabs. When user clicks on these tabs then a data corresponding to these tabs has to be displayed in that space without changing the url of the page.Like when i click Equ then its data will be displayed in that space ,if i click tax then its data will be displayed in that same space as if it has overwritten the previous data.The data that has to e shown is calculated using php. Now what is the easiest way to do so using php or javascript ???

Bazı kodlama yardım burada duyacağız.

EDIT: see i know this can be done using javascript but the data that has to be shown is in php variable .Now how to assign a php variable to javascript????

<script type="text/javascript">
function showhide(ref)
{
    document.getElementById('mf').innerHTML= HERE I WANT A PHP VARIABLE;
}
</script>

Bu işlevde kullanılan böylece nasıl ben onclick olayı benim pfp değişkenler gönderebilir??

4 Cevap

Eğer hile yapmak yardımcı olmak için CSS ve / veya Javascript kullanabilirsiniz.

CSS sadece sekmeler kullanarak örneği:

http://edeverett.co.uk/experiments/css_only_tabs.html

Javascript kullanarak sekmeler örneği:

http://jqueryui.com/demos/tabs/

Edit As reply to your edit:

EDIT: i. Bu javascript kullanılarak yapılabilir biliyorum ama gösterilecek olan veri php değişken olduğunu görmek Şimdi javascript bir php değişken atamak nasıl??

Eşzamanlı sunucu tarafında her şeyi gerçekleştirmek için, javascript hesaplanan sonucu enjekte edebilir:

function showhide(ref)
{
    document.getElementById('mf').innerHTML= '<?php echo $variable; ?>';
}

Daha iyi bir uygulama AJAX kullanmak olacaktır.

Bu aslında oldukça kolaydır. Sen sekme tıklama üzerinde dinamik veri yüklemek için ihtiyacım yok. gerektiği gibi sayfa yükler sonra sadece göstermek / gizlemek zaman tek seferde veri yükleyebilirsiniz.

kolay bir örnek ...

<ul id="#nav">
<li><a href="#" id="equ-tab">equ</a></li>
<li><a href="#" id="tax-tab">tax</a></li>
<li><a href="#" id="bal-tab">balanced</a></li>
</ul>

<div id="content">
    <div id="content-equ">equ content</div>
    <div id="content-tax">tax content</div>
    <div id="content-bal">balanced content</div>
</div>

Kullanıcının işler varsayılan içerik diyelim. sayfa yükler (css veya tercihen javascript kullanarak) tesisatlara yanı sıra diğer tüm divs gizlemek zaman

Bir sekme gizlemek tüm içeriği tıkladım ve o sekmeleri içeriğini göstermek zaman javascript kullanarak (jquery önerilir).

$('#nav a').click(function(){ // when a nav link is clicked
    $('#content div').hide(); // hide all content
    $('#content #content-'+$(this).attr('id')).show(); // show content that has id #content-<tabID>
});

kodu kopyalayıp yapıştırılan olması ot anlamına gelmez, ben bir örnek olarak hızla dışarı yazdığınız

Sen kullanmak zorunda ajax

Sen xajax, Mootools veya jquery gibi bazı kütüphaneleri kullanabilirsiniz.

Upd: Example with mootools: first create separate php file, that returns text acording to tab(createContent.php) then in javascript:

function menuClick(var i)
{
    var request1 = new Request.HTML({ url: 'createContent.php?i='+i,
        onSuccess: function(html) {
            $('div1').set('text', '');
            $('div1').adopt(html);
            $('div1').innerHTML = '';
        },
        onFailure: function() {
            $('div1').set('text', '');
            $('div1').innerHTML = '';
        }
    });

    request1.send();
    return false;
}

html bu fonksiyonu ile sekmeler için onclick ekleyin:

<a href="#" onclick="return menuClick(1);">EQU</a>

Bu tarayıcıda olur şey (bazı mantık) olduğundan ekran davranış, bir istemci tarafı şey olurdu. Daha önce belirtildiği gibi, bunu yapmak için javascript / css kullanmak gerekir.

In terms of coding help, you might find this helpful: http://stilbuero.de/jquery/tabs_3/

EDIT

". Php" orada bir php değişken koymak istiyorsanız Yani, bu sayfa yapmak ve bu a ne yapmak:

<script type="text/javascript">
function showhide(ref)
{
    document.getElementById('mf').innerHTML= <?php echo $VAR ?>;
}
</script>

Tabii ki bu değişken sayfayı render önce bilgisayarlı olduğunu varsayar. Değişkenin değerini (bir metin içinde bazı metin girme ve bir düğme tıklandığında sonra örneğin için, - bir arama kutusu gibi) sayfasında bazı eylem bağlıdır eğer, bunun için AJAX kullanmak gerekir. Sen bir php sayfasına POST isteği bir GET isteğini yaparak bunu ve o sayfanın içeriği görüntülemek olacaktır. Ben yukarıda yayınlanmıştır bağlantı AJAX sekmeler için bir örnek vardır, o bakmak olabilir.

etiketler