讓元素失效

Home Home
引用 | 編輯 keigo
2006-01-20 13:22
樓主
推文 x0
有網友問說要如何讓網頁中的某元素失效,若只是要失效的話,只要加個disabled的屬性就可以了。先來看一個簡單的範例。http://abgne.myweb.hinet.net/0016/0016_1.html

全部的語法沒幾行,我用disable()函式來做各元素的disabled設定,若一開始是false的話,則把它設為true;反之亦然。



不過若一次要讓多個一起失效時,醬就顯得有點辛苦了,所以要教一個小撇步。

先來看Body的部份:



我多放了幾種元素並用Div包起來,在Div外放了一個按鈕來控制disabled。

接著來看JavaScript的Code:



大部份都沒什麼改,只是我用了for迴圈把Div裡面的元素一一抓出來並設定disabled值,就只是這樣的改變,就能把某一範圍內的元素一起設disabled了。

那若是要讓整個網頁一起有動作呢?你可以也用個Div把全部包起來,或是用把Body當參數丟進disable()函式裡面也可以,不過整個網頁都一起被disabled的話,那~那~就什麼都不能做了!

最後說幾個比較有趣的地方,原先SP2的瀏覽器在遇到圖片時,會出現工具列,但當把圖片設成disabled為true時竟然就不會出現了;另一個就是雖然連結(A)也可以被設disabled為true,不過原有的連結一樣是有作用的(要讓其失效還是可以,但要另外處理);再來就是跑馬燈(Marquee)也可以讓其失效,但就只有字是灰白色,一樣是會跑來跑去的。

範例瀏覽:

http://abgne.myweb.hinet.net/0016/0016_1.html

http://abgne.myweb.hinet.net/0016/0016_2.html

http://abgne.myweb.hinet.net/0016/0016_3.html

以上內容於2005/11/29發表在小弟的Blog裡http://blog.xuite.net/abgne/diary1/4497003

獻花 x0