close
我有一個網頁(news)陳現的內容大約是：新聞標題、發佈時間、瀏覽人數。我用php寫
do{表格}while()
表格裡就是放：新聞標題、發佈時間、瀏覽人數
然後我有一個資料表存放瀏覽人名單
我希望能在網頁news中，滑鼠移到每則新聞的瀏覽人數時，即顯示該新聞的瀏覽名單出來，我試過用div方式做，但是在do while迴圈中放入div問題就出現了，永遠只會出現第一則新聞的瀏覽名單，而且位置都是在第一則新聞的瀏覽人數上面出現。
簡單說我要的功能類似FB一樣，移到第1則文按讚人數時，即顯示第1則按讚人員名單 ，移到第2則文按讚人數時，即顯示第2則按讚人員名單....以此類推
如下圖一樣
http://i.imgur.com/3ske10J.jpg
希望有人指導小弟，感激不儘~~
eakfix">
聽起來你已經可以做出「滑上瀏覽人數時顯示名單」這個動態(要用JavaScript實作)，那麼接下來就容易多了
應該只是犯了一個小錯誤，在對div迴圈echo表格時，也同時要幫每一個表格(div)做編號
例如：
<div id="news_1"><table>...<td><a href="#" onMouseOver="show_list(1);">瀏覽人數</a></td>...</table></div>
<div id="news_2"><table>...<td><a href="#" onMouseOver="show_list(2);">瀏覽人數</a></td>...</table></div>
<div id="news_3"><table>...<td><a href="#" onMouseOver="show_list(3);">瀏覽人數</a></td>...</table></div>
如果沒有對id做編號，那JavaScript以getElementById()所取到的實體都會是第一個，也就是為何都只顯示第一則新聞的瀏覽名單且在第一則位置出現
※註：
在JavaScript函式show_list(index)中，實作方法可能是
建議先由簡到難去實驗，第2個方法在實作時，index可能要傳入news_id而不只是流水編號
另外，既然有onMouseOver，也就要有對應的onMouseOut (hide_list方法)，上述程式為求範例簡潔只是簡單列出
※註：
在JavaScript函式show_list(index)中，實作方法可能是
- 把預先已echo出來但用css隱藏起來的瀏覽清單顯示出來，方法較簡單，但是資料庫事先要讀取很多資料，效率不佳。
- 以AJAX實作，滑上後才到後端撈資料，並顯示在「"news_"+index」這個div的相對位置上，效率較好但要先熟悉JavaScript+CSS，這也是FB的作法。
建議先由簡到難去實驗，第2個方法在實作時，index可能要傳入news_id而不只是流水編號
另外，既然有onMouseOver，也就要有對應的onMouseOut (hide_list方法)，上述程式為求範例簡潔只是簡單列出
全站熱搜
留言列表
