2012-08-10 66 views
-2

我要動態填充此菜單中的值 (http://www.hv-designs.co.uk/tutorials/sliding_menu/sliding_menu.html)從 MySQL表。即當用戶點擊頂部菜單按鈕時,菜單項應該是來自MySQL表中的行。我一直試圖弄清楚自己幾天,但沒有運氣。這裏是我所做的:動態地從MySQL表建立一個jQuery導航菜單

MySQL表:'國家'與這些領域:ID,名稱,capital_city PhP文件:MySQL連接,查詢和它的PHP文件打印出來好吧。 上面的JQuery菜單的Html頁面。

如果我能找到一個類似的例子,我可能會得到它的工作,但沒有找到任何目前爲止。

有人知道嗎?

在此先感謝。

邁克

+0

什麼不適合你?你從DB獲得的行對嗎?那麼你卡在哪裏?如果您正在使用ajax,您將獲得JS端的條目...然後您可以將它附加到您想要的任何HTML代碼 - 它沒有絲毫的清楚,你有什麼樣的問題,因爲你想要什麼這樣做並不複雜。所以,只要告訴我們你需要什麼樣的知識:-) – SamiSalami 2012-08-10 11:27:54

回答

0

你必須遵循這個步驟。

1)HTML

<div id="button"> 
    <img width="184" border="0" height="32" class="menu_class" src="images/button.png"> 
</div> 

2)按鈕調用ajaxfile的點擊數,像這樣

<ul class="the_menu"> 
    <li><a href="#">Country #1</a></li> 
    <li><a href="#">Country #2</a></li> 
    <li><a href="#">Country #3</a></li> 
</ul> 

3返回你的國家名單的結果)將其追加到div的按鈕

這是現在完成

1

只需對從數據庫中取回的結果集執行PHP foreach循環即可。

<div id="button"> 
    <img class="menu_class" width="184" height="32" border="0" src="images/button.png"> 
    <ul class="the_menu" style="display: block;"> 
     <?php 
     foreach ($aCountries as $aCountry) { 
      echo '<li><a href="#">'.$aCountry['name'].'</a></li>'; 
     } 
     ?> 
    </ul> 
</div>