Kategori | HTML

Etiketler : , , ,

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

Posted on 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>

Makalenin yazarı:

zbahadir - Yazarın makale sayısı toplam 74 yazan: zbahadir.


Yazar ile iletişim

Yorum ekle

You must be logged in to post a comment.

Kategoriler

Arşivler

Takvim

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