Re: [分享] ASP 表格內容的動態顯示/隱藏

看板mud_sanc (Sanctuary - 聖殿)作者laechan (小太保)時間13年前 (2012/06/19 10:18)推噓0(0推 0噓 1→)

留言1則, 1人參與討論串2/2 (看更多)

我們常常會在一些網站看到左邊分頁有動態樹狀功能表 +種族 │ -職業 │ 職業說明 │ -技能 │ 技能說明 │ 技能比較 │ 比方你點了種族的 + 號，它就會顯示.. -種族 │ 種族說明 │ 種族根據地 │ -職業 │ 職業說明 │ -技能 │ 技能說明 │ 技能比較 │ 這個用簡單的 html 就可做到，以種族那一個為例(其它類似).. <html> <table> <tr><th align=left width=100> <input id=button1 type=button value='+' onclick=' if(document.getElementById("racebar").style.display=="none") { document.getElementById("racebar").style.display="block"; document.getElementById("button1").value="-" } else { document.getElementById("racebar").style.display="none"; document.getElementById("button1").value="+" } '>種族</th></tr> <tr id=racebar style="display:none"><th align=left> 　<a href="http://xxx1" target=_blank>種族說明</a><BR> 　<a href="http://xxx2" target=_blank>種族根據地</a></th> </th></tr> </table> </html> 上面的程式執行範例在底下的位址 http://sanclaechan.myweb.hinet.net/tree.html (在頁面點右鍵選檢視原始碼亦可看到) 它是純 html 的，但是可以用它來模擬一些動態的效果。另外，理論上 onclick 應該也可以用在超連結上，也就是做到當你點一條超連結時，它就展開該連結底下的樹狀，語法應該是 <a id=xx1 href="http://xx1" onclick=' ... '>xx1</a> 上面的意思就是，當我點一下超連結時，它觸發 onclick 就去做 onclick 裡面的東西(把某個隱藏的 tr 展開)，這樣的樹狀功能表的執行效果，就會比 tree.html 還要更好。以上分享給各位。在 onclick 裡面加上 if 去判斷的部份，我已經在公司實作，按鈕可以少一個；樹狀結構的部份我則準備加到我預計在公司釋出的網站左邊功能表上。 Laechan -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 210.61.157.53