作者hanasan (いただきます)
看板Ajax
標題[問題] 如何在Reload頁面後不跳回預設值.
時間Fri Jun 13 14:24:53 2008
各位好~我是js的新手.
想請教各位大大一個問題.
我設計了一組NavigationTab 相關code如下列所示
CSS
--------------------------------------------------------
#tbl,#tb2,#tb3 { float:left; } //三個是重疊在一起.
#tb1 { display:block; }
#tb2,#tb3 { display:none; }
HTML
--------------------------------------------------------
<div id=tb1>...</div>
<div id=tb2>...</div>
<div id=tb3>...</div>
...下略
JS
--------------------------------------------------------
<script type="text/javascript">
function s1()
{
document.getElementById("tb1").style.display="block";
document.getElementById("tb2").style.display="none";
document.getElementById("tb3").style.display="none";
}
function s2()
{
document.getElementById("tb1").style.display="none";
document.getElementById("tb2").style.display="block";
document.getElementById("tb3").style.display="none";
}
function s3()
{
document.getElementById("tb1").style.display="none";
document.getElementById("tb2").style.display="none";
document.getElementById("tb3").style.display="block";
}
</script>
問題來了~
我在相互切換頁籤時, 都沒有問題.
但是因為頁面隨時有Reload的需要.
但每次Reload後, 因為重讀css, 所以都會變成第1個DIV顯示的狀態..
如果我希望按F5重新整理後, Tab的狀態可以保持在當下, 該如何設置呢?
<(_ _)> 懇請大大解惑~
Thx~~
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.168.32.132
1F：→ chph:cookie 06/13 18:12
2F：→ TonyQ:或者錨點搭配url parser也是個方案 06/14 07:38
3F：→ TonyQ:我是比較喜歡錨點 這樣可以做direct link的效果 06/14 07:38
4F：→ hanasan:謝謝二位~TonyQ大可否再進一步指點url parser的用法呢? 06/16 14:22
5F：→ hanasan:在W3C學校查了關鍵字...不過對我來說好像還是太深奧了/\ 06/16 14:23
6F：→ TonyQ:單純就是 用self.location 取得網址字串 06/16 15:45
7F：→ TonyQ:取得 # 以後的字樣 作為判讀 然後進行一些必要的javascript 06/16 15:45
8F：→ TonyQ:載入或處理 ＊在onload裡面* 06/16 15:45
9F：→ TonyQ:比方說以我之前拿來當jq練習的網站為例 06/16 15:50
11F：→ TonyQ:#0~#4 分別對應到網頁裡面的四個tab panel 06/16 15:51