radar

Connaitre la position d'un élément

Comment trouver la position d'un élément dans la page

position javascript, javascript position, javascript recuperer position element, javascript get element position, get position element javascript, position x, javascript coordonnees, get element position javascript, recuperer position div javascript, recuperer position verticale element dom, recuperer la position d un element, recuperer coordonnees div, recuperer coordonnees d un div dans une page, javascript une div une position, javascript connaitre coordonnees image

Date de publication : 2009-01-25

La fonction getPosition retourne la position d'un élément dans la page.


/**
* @author Patrick Poulain
* @see http://petitchevalroux.net
* @licence GPL
*/
function getPosition(element)
{
var left = 0;
var top = 0;
/*On récupère l'élément*/
var e = document.getElementById(element);
/*Tant que l'on a un élément parent*/
while (e.offsetParent != undefined && e.offsetParent != null)
{
/*On ajoute la position de l'élément parent*/
left += e.offsetLeft + (e.clientLeft != null ? e.clientLeft : 0);
top += e.offsetTop + (e.clientTop != null ? e.clientTop : 0);
e = e.offsetParent;
}
return new Array(left,top);
}

Article en relation : Position de la souris dans la page

Cette fonction retourne sous la forme d'un tableau (X,Y) les coordonnées d'un élément dans la page dans un repère orthonormé (o,X,Y) tel que le point o(0,0) est le point haut gauche de la page et les axes X (horizontal) et Y (vertical) sont respectivement orientés de gauche à droite et de haut en bas.

Image : divemasterking

 
 

b1n@sp1n