Discussion :

[NikoGJ]

Bonjour à tous, j'ai un problème!

Bon j'explique, j'ai un piti div sur ma page. Ce que je cherche à faire, c'est capturer dans mon div la position du curseur et l'afficher. Mais je veux que le (0,0) soit sur le coin gauche du div en question.
Pour se faire, j'ai besoin de calculer la position en X et Y de mon div par rapport à ma page entière.

J'utilise cette fonction:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function getLeft(MyObject)
{
	if (MyObject.offsetParent)
		return (MyObject.offsetLeft + getLeft(MyObject.offsetParent));
	else
		return (MyObject.offsetLeft);
}

Idem pour la position en Y avec offsetTop.


Ce code marche impecablement sous Mozilla/FF et IE, MAIS (c'est le mais qui fait chier ) Mozilla me retourne une valeur erronée quand le body est positionné en absolu.

Sur ma page j'applique le style:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
body {
margin: 0px;
padding: 0px;
width: 800px;
position: absolute;
left: 50%;
margin-left: -400px;
}

(style batard pour centrer la page sur l'écran ^^)

_ Quand je fait des tests juste sur la position de ce body, IE me retourne une valeur correcte, mais Mozilla me retourne 0.
_ Si j'applique le meme style sur un autre element que le body, les deux naviguateurs retournent une valeur correcte.
_ Si je change le style de positionnement du body en enlevant le positionnement absolu et en mettant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
body {
margin: 0px;
padding: 0px;
width: 800px;
margin-left: auto;
margin-right: auto;
}

(pour le même effet de centrage de page)
Les 2 naviguateurs me renvoient la bonne valeur. (mais IE ne reconnait pas le "auto", et ne centre pas la page )


Please, aidez-moi

Est-ce qu'il existe un moyen pour calculer cette foutue position du body en absolu? ^^

[FremyCompany]

Il existe plus simple et plus efficace sur le web...

Une recherche sur ce forum devrait de donner une idée

[Auteur]

bonjour,

regarde cette discussion :
http://www.developpez.net/forums/sho...d.php?t=206838

et plus particulièrement ce code :
http://www.developpez.net/forums/sho....php?p=1331834

[NikoGJ]

Merci pour ta réponse Auteur, j'ai regardé et même essayé ton code, mais c'est pas si simple hélas

Le meme problème persiste. Dans ton exemple, ton div de test est directement placé dans le body, et le offsetLeft et offsetTop retournent la position d'un élément par rapport à l'élément parent. Coup de bol, sur ton exemple c ton body, donc ta page!
Mon div se trouve dans un div lui meme dans un autre div.... bref, je cherche à faire ça indépendamment de la structure du site. Ce qui fait que pour calculer la position, il faut répéter ces opérations et remonter l'arborescence jusqu'au sommet

Mais je continue mes recherches ^^

[Auteur]

Mon div se trouve dans un div lui meme dans un autre div.... bref, je cherche à faire ça indépendamment de la structure du site. Ce qui fait que pour calculer la position, il faut répéter ces opérations et remonter l'arborescence jusqu'au sommet

je crains que tu n'aies pas le choix Cependant, évite les fonctions recursives comme dans le code que tu as posté un peu plus haut. Préfère une boucle de ce style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
parent = objet;
while (parent.TagName.toLowerCase()!="body")
{
   //calcul de la position 
   //.........
 
   //Noeud parent
   parent = parent.parentNode;
}