Kategorilendirildi | HTML

Tags : , , ,

Visibility – Nesnelerin gizlenmesi-görüntülenmesi

Kategori: 19 Mart 2009

Web çalışmalarında karşılaşılan en büyük sorunlardan bir tanesi (Visibility) görünürlülüğün kullanılmasındaki hatalardır.

Bazı arkadaşların IE'de çalışan ama Mozilla'da çalışmayan kodlardan söz ettiklerini duymuştum.

Oysa sorununun kaynağı Visibility'nin farklı tarayıcılarda farklı kodlarla çalışmasıdır.

Burada basit bir örnek hazırladım, IE ve Mozilla tabanlı tarayıcılarda nasıl çalışabildiğine örnek olarak.

HTML:
<html>
<head><title>Katman Kullanımı Örneği</title>
<script language="JavaScript">
function gizli()
{
var tarayici= navigator.appName

if (tarayici=="Netscape") document.katman.visibility="hide"
if (tarayici=="Microsoft Internet Explorer") katman.style.visibility="hidden"
}

function gorunur()
{
    var tarayici= navigator.appName
    if (tarayici=="Netscape") document.katman.visibility="show"
    if (tarayici=="Microsoft Internet Explorer") katman.style.visibility="visible"
}
</script>
</head>

<body>
<div id="katman" style="position:absolute ; left:150; top:10px">
<table border="1" width="150">
<tr>
<td style="padding: 5px">Katman içeriği</td>
</tr>
</table>
</div>

<a href="javascript:gizli()">Katmanı sakla</a><br />
<a href="javascript:gorunur()">Katmanı göster</a>
</body>
</html>

Ekleyen:

zbahadir - who has written 76 : zbahadir.


Yazara Mesaj Gönder

Fikrini Söyle

Yorum yapmak için Giriş yapmalısınız.

Önemli Linkler

Kategoriler

Arşivler

Takvim

Mart 2009
Pts Sal Çar Per Cum Cts Paz
« Şub   Nis »
 1
2345678
9101112131415
16171819202122
23242526272829
3031