Herhangi bir elementin koordinatlarını bulma

[stbolen]

Arkadaşlar selamlar.

herhangi bir elementin koordinatlarını nasıl bulabiliriz. Mesela aşağıdaki kod fare iletıklanılan element üzerinde fare koordinatlarını bulabiliyor. Burdan belki elementin koordinatlarını çıkartabiliriz ama benim istediğim elementin tam koordinatları. Bir de şunu sorayım. bazı elementlerde görüyorum. hiçbir eventine olay atanmamasına rağmen mesela <div id="abc">deneme</div> elementi üzerine tıklanınca onclick olayı gerçekleşiyor ve ne bileyim bir alert box beliriyor. Bunu nasıl yapabiliriz. Bir şekilde event yakalama yapılıyor ama çözemedim. Aşağıdaki kodda da böyle bir şey var sanırım. Teşekkürler.

<script type="text/javascript">
	function koordinat() {
		var e=arguments[0]?arguments[0]:event;
		var x=e.clientX;
		var y=e.clientY;
		
		alert ('x: '+x+' | y: '+y);
		/*
		diffX=15;
		diffY=10;
		theDiv.style.top=y-2+diffY+document.body.scrollTop+"px";
		theDiv.style.left=x-2+diffX+document.body.scrollLeft+"px";	
		*/
	}
</script>

<div onclick="koordinat(arguments[0])">deneme</div>

[Sniper]

Şu adreste zamanında bu konuyla alakalı hazırladığım script var. İncele, takıldığın yer olursa buradan düzeltelim...

[stbolen]

sniper ilgine teşekkürler.

verdiğin kodu ie ve ff de çalıştıramadım. ama şöyle bir şey yazınca ie ve ff de farklı değerler verse de çalıştı.

<script>

function parentSay(nesne) {

 alert(nesne.offsetLeft)
 alert(nesne.offsetTop)	

}
</script>

<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 

<input type="button" id="Sniper" value="Tıkla bana!" onclick="parentSay(this);" style="font:normal normal bold 11px verdana; color:#FF6600">

Şunu sorayım. senin verdiğin kod ile bunun arasında fark ne?

[Sniper]

Kodu çalıştıramama nedeni verdiğim sitedeki kodlamadan kaynaklanıyor. İkisinin arasında bu şekilde bir kullanımda fark yok ama koordinatları bulunacak eleman başka elemanların içinde olunca sanırım fark ediyor. Çok detaylı uğraşamadım ama sırf bu sebepten bu kodu yazmıştım. Çalışan hali aşağıda:

<script>
var parentSayisi = 0;
var sol = 0;
var ust = 0;

function parentSay(nesne) {
if(typeof(nesne)=="object") {
  try {
    parentSayisi += 1
    if(!isNaN(nesne.offsetLeft)) {
      sol += parseInt(nesne.offsetLeft)
      ust += parseInt(nesne.offsetTop)
    }
      parentSay(nesne.offsetParent)
    } catch(e) {}
  }
}
</script>
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input type="button" id="Sniper" value="Tıkla bana!" onclick="parentSay(this);alert('Benim soldan uzaklığım: '+sol+'px Üstten uzaklığım ise: '+ust+'px\'dir');" style="font:normal normal bold 11px verdana; color:#FF6600">

IE'de ayrı FF'de ayrı çıktı verse de sonuç olarak browser'a göre tam olarak bulunduğu yeri işaret ediyor. Herhangi bir karışıklığa yol açacağını sanmıyorum...

[stbolen]

Teşekkürler sniper...