webForumDet fria alternativet

Koordinater för HTML-element

2 svar · 178 visningar · startad av Skarre

SkarreMedlem sedan apr. 20012 427 inlägg
#1

Kan någon visa ett exempel på hur jag med JavaScript tar reda på koordinaterna för t.ex. en länk?

Peter SMedlem sedan dec. 20025 483 inlägg
#2

Följande fungerar i IE 6, Netscape 7 och Opera 7.


<script type="text/javascript">
<!--

function showCoords(){
     var link = document.getElementById("lank");

     alert("x: "+link.offsetLeft+"\ny: "+link.offsetTop);
};

window.onload = showCoords;

//-->
</script>

<body>

<a href="" id="lank">Koordinater för mig!</a>

</body>

:)

SkarreMedlem sedan apr. 20012 427 inlägg
#3

Tack för den! :)

Det är väl lika bra att jag postar de funktioner jag hittade som löste detta:

// Hämtar elementets X-koordinat
function getOffsetLeft(el) {
	var ol = el.offsetLeft;
	while ((el = el.offsetParent) != null)
	ol += el.offsetLeft;
	return ol;
}
// Hämtar elementets Y-koordinat
function getOffsetTop(el) {
	var ot = el.offsetTop;
	while((el = el.offsetParent) != null)
	ot += el.offsetTop;
	return ot;
}
126 ms totalt · 3 externa anrop · v20260731065814-full.16f3d68c
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
124 ms — hämta tråd, inlägg och bilagor (db)