在PHP中Tabbing？

Question

我在我的頁面上有這些標籤

Equ |稅收|平衡|債務|基金| ETF |鍍金.......

然後還有這些選項卡下方的空間。當用戶點擊這些標籤則對應於這些標籤數據必須被顯示在空間不改變，當我點擊惡趣那麼它的數據將顯示在該空間中，如果我點擊稅那麼它的數據page.Like的網址將顯示在同一個空間中，就像它覆蓋了以前的數據一樣。必須顯示的數據是使用php計算的。 那麼什麼是這樣做的使用PHP或JavaScript最簡單的方法???

一些編碼幫助將這裏讚賞。

編輯： 看，我知道這是可以使用JavaScript來實現，但有要顯示的數據是在PHP變量。現在如何分配PHP變量的JavaScript ????

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

如何發送我的pfp變量在onclick事件，以便他們可以在函數中使用？

Answer 1

您可以使用CSS和/或Javascript來幫你做的伎倆。使用JavaScript標籤

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

例：只使用CSS標籤

例

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

編輯 作爲回覆您的編輯：

編輯：看，我知道這是可以使用JavaScript來實現，但有要顯示的數據是在PHP變量。現在如何分配PHP變量的JavaScript ????

同步進行服務器端的一切，你可以注入的運算結果到您的javascript：

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

一個更好的做法是使用AJAX。

Answer 2

你必須使用ajax

你可以使用一些庫，例如xajax的，mootools的jquery的或。

UPD： 實施例與mootools的： 第一個創建單獨的PHP文件，返回文本acording到標籤（createContent中。PHP） 然後在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中的onclick添加用該函數標籤：

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

Answer 3

顯示行爲將是一個客戶端的東西，因爲它是東西（一些邏輯），其發生在瀏覽器上。如前所述，你將不得不使用javascript/css來做到這一點。

在編碼的幫助方面，你可能會有所幫助： http://stilbuero.de/jquery/tabs_3/

編輯

所以，如果你想要把一個PHP變量存在，這是你做什麼，使這個「.php」頁面：

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

當然，這裏假設你已經在渲染頁面之前計算了變量。如果變量的值取決於頁面上的某些動作（例如，在文本框中輸入一些文本並點擊按鈕 - 就像搜索框一樣），那麼您必須爲此使用AJAX。你可以通過向php頁面發送POST請求的GET請求來實現，然後顯示該頁面的內容。我上面發佈的鏈接有一個AJAX選項卡的例子，你可以看看這個。

Answer 4

這其實很簡單。您不需要在標籤點擊上動態加載數據。您可以在加載頁面時一次加載數據，然後根據需要顯示/隱藏。

一個簡單的例子...

<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> 

假設EQU是默認的內容。當頁面加載隱藏除EQU以外的所有其他div（使用CSS或優選JavaScript）

使用javascript（jQuery推薦）當單擊標籤時隱藏所有內容，然後顯示標籤內容。

$('#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> 
}); 

代碼並不意味着OT被複制並粘貼，我很快就打字出來作爲一個例子