dHtml_katman_gizlemeveg0sterme.htm
 

dHtml - Katman gizleme ve gösterme

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/>

Sonucu görmek için tıklayınız .

NS4.x ile katman görünürlüğü

NS4.x kendi nesne yapısı farklılığı yanında görünürlük için show ve gizlilik için hide değerini kullanır. NS4.x de aynı işlemi yapmak için

document.layer['elemanIdsi'].visibility="show/hide";

ifadesini kullanıyoruz. Aşağıda tüm ifadeyi bulabilirsiniz.


<HTML>
<HEAD>
<TITLE> Bir katmanın görünürlüğü</TITLE>
<SCRIPT>
function goster(katman)
{
document.layers[katman].visibility="show";
}
function gizle(katman)
{
document.layers[katman].visibility="hide";
}
</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/>

 

Yardım İçin Sadece Bir Tık Yeter
 
Sponsor
 
.tk
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol