Bir katmanın görünürlüğünü visibility özelliği ile değiştirebiliriz. Bu değer katmanın görünür olması için visible ve görünmez olması için hidden değerini almalıdır. Burada dikkat edilmesi gereken konu Netscape 4.x bu özelliği tanır fakat değer olarak görünürlük için show ve görünmezlik için hide değerini kullanır.
IE4.x de görünürlük değerini değiştirmek
IE4.x de çalışırken bir elemanın IDsini kullanarak onun görünürlüğünü iki şekilde ayarlayabiliriz.
elemanIDsi.style.visibility="visible/hidden"; veya document.all['elemanIDsi'].style.visibility="visible/hidden";
Şimdi bir örnek üzerinde bu işlemin nasıl yapıldığını görelim.
<HTML> <HEAD> <TITLE> Bir katmanın görünürlüğü</TITLE> <SCRIPT> function goster(katman) { document.all[katman].style.visibility="visible"; } function gizle(katman) { document.all[katman].style.visibility="hidden"; } </SCRIPT> </HEAD> <BODY> <A HREF="javascript:gizle('alan')">Katmanı gizle</A><BR> <A HREF="javascript:goster('alan')">Katmanı goster</A><BR> <DIV STYLE=" position:absolute; top:100; left:100; width:300; height:150; background-color:yellow; layer-background-color:yellow;" ID="alan"> Yeni tanımlanmış ve alan olarak kimliklenmiş bir katman. </DIV> </BODY> </HTML/>
Bu örneğimizde katmanı görünür yapmak için goster fonksiyonu içerisinde alan kimliği verdiğimiz katmanın visibility değerini visible yapıyoruz. Gizlemek içinse hidden. Sonucu görmek için
tıklayınız .
NS6.x de görünürlüğü değiştirmek
NS6 yine IE4.x gibi görünürlüğü değiştirir. Tek farkı getElementById yöntemini kullanmasıdır.
<HTML> <HEAD> <TITLE> Bir katmanın görünürlüğü</TITLE> <SCRIPT> function goster(katman) { document.getElementById(katman).style.visibility="visible"; } function gizle(katman) { document.getElementById(katman).style.visibility="hidden"; } </SCRIPT> </HEAD> <BODY> <A HREF="javascript:gizle('alan')">Katmanı gizle</A><BR> <A HREF="javascript:goster('alan')">Katmanı goster</A><BR> <DIV STYLE=" position:absolute; top:100; left:100; width:300; height:150; background-color:yellow; layer-background-color:yellow;" ID="alan"> Yeni tanımlanmış ve alan olarak kimliklenmiş bir katman. </DIV> </BODY> </HTML/>