menülerdeki gibi Div kullanımı

[DotNetKid]

Mrb. arkadaşlar forum çok şükür tekrardan açıldı.. bir div istiyorum ve 3 kriteri sağlamalı:

1- sayfa yüklendiğinde visibility: hidden iken bir nesneye tıkladığımızda, görünür olucak.
2- div in konumu tıkladığımız nesnenin sol altında olucak ( ki nerede olduğu önemli değil, mantığı kurduktan sonra istediğimiz yere koyarız.. ) açılır menüler gibi. fakat her ekran çözünürlüğünde yeri değişmeyecek..
3- açılan div, diğer nesnelerin üzerinde görünecek..

aşağıdaki kodlar ile 1 ve 3 ü yapıyorum ama 2. seceneği yapamadım.. ne dersiniz ?

<div style="position: absolute; visibility: hidden; width: 250px; height: 125px; left:550px;" id="layerDeneme">
	div içeriği
</div>

div i acan nesne:

<span onclick="document.getElementById('layerDeneme').style.visibility = 'visible';">Aç</span>

[Kurtaran]

<div style="position: absolute; visibility: hidden; width: 250px; height: 125px; left:550px;border:1px solid #069;background:#efe;" id="layerDeneme">
    div içeriği
</div>
<div style="z-index:2;position: absolute;width: 550px; height: 225px;top:80px; left:50px;border:1px solid #069;background:#efe;">sads ds adsa d</div>
<div style="z-index:2;position: absolute;width: 420px; height: 305px;top:110px; left:70px;border:1px solid #069;background:#8080FF;">sads ds adsa d</div>
<div style="z-index:2;position: absolute;width: 350px; height: 95px;top:40px; left:150px;border:1px solid #069;background:#FF80C0;">sads ds adsa d</div>
div i acan nesne:

<span style="border:2px solid #069;background:#efe;" onclick="document.getElementById('layerDeneme').style.visibility = 'visible';document.getElementById('layerDeneme').style.top = this.offsetTop+this.offsetHeight; document.getElementById('layerDeneme').style.left = this.offsetLeft+this.offsetWidth;document.getElementById('layerDeneme').style.zIndex=999;">Aç</span>

Bu şekilde istediğin tüm özellikleri sağlıyor...
Tüm browserlarda çalısıyormu bilmiyorum ama ff da calısıyo...

[mkarabulut]

Yalnız offsetTop tek başına her zaman doğru değeri vermez. Eğer SPAN bir container element içinde olsaydı, mesela TABLE (hatta o TABLE'da başka bir DIV içinde olsaydı filan), o zaman onların offsetTop değerlerinin toplamı gerçek değeri verirdi.

Bakınız : http://www.quirksmode.org/js/findpos.html

Bunun yanında style.top veya style.left değerlerine illa ki "px" ile biten bir string değer
atanmalı, yoksa her tarayıcıda düzgün çalışmayabilir.

[DotNetKid]

arkadaşlar hepinize tşk ederim. @Kurtaran: oldu.. @mkarabulut: uyarını dikkate alıcam inş. saolun..