MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2025-08-23, 07:09

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 9 篇文章 ] 
發表人 內容
文章發表於 : 2007-02-16, 22:41 
離線
頭像

註冊時間: 2006-10-27, 07:29
文章: 1068
假設我目前有:

<a class="detect">NULL link</a>
<div class="stealth">
content
</div>

我的CSS設成這樣:

div.stealth {
display: none;
}
a.detect:visited+div.stealth {
display: block;
}

用意是要按過假連結之後顯示.stealth裡的東西
不過:visited這個擬似類別好像一定要有href屬性才有意義?
我用:active是可以,不過一定要滑鼠持續按著

可不可以純用CSS來達成這個目的呢?


回頂端
Mozilla/5.0 (X11; U; Linux i686; zh-TW; rv:1.8.1.1) Gecko/20060601 Firefox/2.0.0.1 (Ubuntu-edgy)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2007-02-16, 23:13 
離線
[網站管理員]
頭像

註冊時間: 2002-01-07, 19:28
文章: 3080
來自: 台灣
legnaleurc 寫:
用意是要按過假連結之後顯示.stealth裡的東西
不過:visited這個擬似類別好像一定要有href屬性才有意義?


我的記憶上也是這樣,其實這個用 JavaScript 做很簡單哪...
onclick="obj.style.display='block';" 就可以了說 (obj 要換成 DOM 的 Node)

_________________
雜工 :: 柏強 / Bob Chao
發問討論請保持禮節,在志工社群裡沒有人有「義務」要為您做些什麼。

* MozTW 志工無限招募中,開放網路世界需要您的一臂之力


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2007-02-16, 23:49 
離線

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩
legnaleurc 寫:
假設我目前有:

<a class="detect">NULL link</a>
<div class="stealth">
content
</div>

我的CSS設成這樣:

div.stealth {
display: none;
}
a.detect:visited+div.stealth {
display: block;
}

用意是要按過假連結之後顯示.stealth裡的東西
不過:visited這個擬似類別好像一定要有href屬性才有意義?
我用:active是可以,不過一定要滑鼠持續按著

可不可以純用CSS來達成這個目的呢?


這樣應該就可以了

html修改一下
代碼:
<a class="detect" href="#stealth">NULL link</a>
<div id="stealth">
content
</div>


css改成
代碼:
#stealth {display: none;}
a.detect:visited+#stealth {display: block;}


不過挺好奇的,這樣設計有何目的?因為一旦被瀏覽器視為visited,下回開就不再隱藏了。

_________________
時間,人為與自然的衝突。~不惑仔


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2007-02-17, 00:10 
離線
頭像

註冊時間: 2006-10-27, 07:29
文章: 1068
BobChao 寫:
\我的記憶上也是這樣,其實這個用 JavaScript 做很簡單哪...
onclick="obj.style.display='block';" 就可以了說 (obj 要換成 DOM 的 Node)


是的,只是我希望盡量避免使用JavaScript
因為我不知道使用者到底有沒有開JavaScript
加上想試試CSS有沒有辦法做到這個程度

JavaScript我比較困擾的一點是
我希望它能夠獲取特定的Class
但是沒有現成的函式

改:
後來我想想用class去抓有點危險.....
JavaScript有直接取得下一個節點的式子嗎?

不惑仔Boohover 寫:
不過挺好奇的,這樣設計有何目的?因為一旦被瀏覽器視為visited,下回開就不再隱藏了。


ouch!
你倒是說到重點了,我還真沒想到這回事....(汗)

看來還是用JavaScript是比較好的方法的樣子


回頂端
Mozilla/5.0 (X11; U; Linux i686; zh-TW; rv:1.8.1.1) Gecko/20060601 Firefox/2.0.0.1 (Ubuntu-edgy)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2007-02-18, 17:28 
離線
[MozTW 版主群]
頭像

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園
legnaleurc 寫:
JavaScript我比較困擾的一點是
我希望它能夠獲取特定的Class
但是沒有現成的函式

我本身是先用 getElementsByTagName 取得所有的 DIV
然後再用迴圈比對它們的 className...

聽 Kourge 大大說,Firefox 3 將會支援 getElementsByClassName...
滿期待的 :wink:

_________________
在靜謐的國度裡,擁抱微風--抱風伴靜


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2007-02-18, 18:04 
離線
頭像

註冊時間: 2006-10-27, 07:29
文章: 1068
風痕影 寫:
我本身是先用 getElementsByTagName 取得所有的 DIV
然後再用迴圈比對它們的 className...

聽 Kourge 大大說,Firefox 3 將會支援 getElementsByClassName...
滿期待的 :wink:


這個我後來是用prototype去抓class
用了函式庫真的是省事許多

對了,有沒有事件是在文件開始讀取時就會觸發的啊?
onLoad事件似乎要"完全"讀完才會執行?


回頂端
Mozilla/5.0 (X11; U; Linux i686; zh-TW; rv:1.8.1.1) Gecko/20060601 Firefox/2.0.0.1 (Ubuntu-edgy)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2007-02-19, 00:49 
離線
[網站管理員]
頭像

註冊時間: 2002-01-07, 19:28
文章: 3080
來自: 台灣
legnaleurc 寫:
風痕影 寫:
我本身是先用 getElementsByTagName 取得所有的 DIV
然後再用迴圈比對它們的 className...

聽 Kourge 大大說,Firefox 3 將會支援 getElementsByClassName...
滿期待的 :wink:


這個我後來是用prototype去抓class
用了函式庫真的是省事許多

對了,有沒有事件是在文件開始讀取時就會觸發的啊?
onLoad事件似乎要"完全"讀完才會執行?


開始讀取就觸發的話,就直接放 <script> 讓他執行就好囉,不過這樣 DOM 還沒有完整建立完就執行,可能會有錯誤。

_________________
雜工 :: 柏強 / Bob Chao
發問討論請保持禮節,在志工社群裡沒有人有「義務」要為您做些什麼。

* MozTW 志工無限招募中,開放網路世界需要您的一臂之力


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2007-02-20, 01:37 
離線
[MozTW 版主群]
頭像

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園
BobChao 寫:
開始讀取就觸發的話,就直接放 <script> 讓他執行就好囉,不過這樣 DOM 還沒有完整建立完就執行,可能會有錯誤。

我以前的解決方法是放在網頁最後面...
現在則是用 DOMContentLoaded,只是 IE 不支援 @___@"
不過,有人寫了一個 解決方案 :)

_________________
在靜謐的國度裡,擁抱微風--抱風伴靜


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2007-02-26, 15:47 
離線
[網站管理員]
頭像

註冊時間: 2004-09-27, 09:24
文章: 1685
如果 <a> 沒有 href,那 a:link 就不適用,所以 href 可以設成 #,然後 onclick 的時候再 stopPropagation(),不然網址後面會多一個 #。

Dean Edwards 寫的 onload 算是最完善的了。

引言回覆:
JavaScript有直接取得下一個節點的式子嗎?

Prototype 可以用 $(element).next(),jQuery 也一樣。

_________________
korp + korp 中文站(沒精神更新)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.2) Gecko/20070219 Firefox/2.0.0.2
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 9 篇文章 ] 

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 14 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群