Récupérer la position d'un calque en JS

kariboo57

12 Aug 2005 à 10:14

Bonjour,

J'ai un problème de Javascript: Je n'arrive pas à récuperer la position du calque "mDiv" (voir code ci-dessous)
[document.getElementById('mDiv').style.top ne fonctionne pas non plus Smiley decu

]


<html>
 <head>
  <title>essai</title>
 </head>
 <body>

abcdefghijklmnopqrstuvwxyz
<table>
	<tr><td>
		<div id="mDiv" style="background-color: red">&nbsp;</div>
	</td></tr>
</table>
<a href="javascript: alert(document.getElementById('mDiv').offsetTop);">position</a>

</body>
</html>

Quelqu'un pourrait-il m'aider?
Merci d'avance.

Kariboo57

QuentinC

12 Aug 2005 à 13:47

Bonjour,
Essaie avec :

[document.getElementById('mDiv').offsetTop

et offsetLeft pour la dimension hrizontale.

kariboo57

12 Aug 2005 à 13:51

c'est bien ce que j'ai fait (voir exemple)

Ca ne marche pas! Il me retourne la position relative au tableau. [sur IE comme sur FF]

QuentinC

12 Aug 2005 à 16:08

Il faut calculer avec l'offsetParent alors.
offsetParent contient une référence vers l'objet qui contient l'objet courant. Il faut donc remonter jusqu'au body et additionner les offsetTop et Left à chaque fois.