让元素失效

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