[javascript] connaitre la position d'un element dans la page ?

Marsh Posté le 04-02-2004 à 17:10:01

salut
j'aimerais connaitre ne javascript la position d'un div dans ma page (pour faire deux trois bricoles)
eske kelkun connaitrait le nom de la propriété et si possible compatible moz/opera/ie ?
marci bokoo

Reply

Marsh Posté le 04-02-2004 à 17:10:01

Reply

Marsh Posté le 04-02-2004 à 17:14:17

ça dépend. Tu veux la connaitre en absolute ou en relative ? [:ddr555]

Reply

Marsh Posté le 04-02-2004 à 17:16:21

Truc IE only : (peut-être adapatable pour les versions récentes de Moz, je sais pas, pas essayé, à l'époque ça existait pas)

Code :

function whereIs(myNode)
{
originalNode = myNode;
x = 0;
y = 0;
while (myNode.tagName != 'BODY')
{
x += myNode.offsetLeft;
y += myNode.offsetTop;
myNode = myNode.offsetParent;
}
originalNode.magicPositionX = x;
originalNode.magicPositionY = y;
}

=> Tu passes par exemple :

document.getElementById("tatouille" )

Et au final, document.getElementById("tatouille" ).magicPositionX et document.getElementById("tatouille" ).magicPositionY contiennent la position.

PS: interdit de changer le nom des variables, c'est moi qui ai créé ce script pourri, faut le laisser tel quel

Reply

Marsh Posté le 04-02-2004 à 17:17:34

MagicBuzz a écrit :

Truc IE only : (peut-être adapatable pour les versions récentes de Moz, je sais pas, pas essayé, à l'époque ça existait pas)

Code :

function whereIs(myNode)
{
originalNode = myNode;
x = 0;
y = 0;
while (myNode.tagName != 'BODY')
{
x += myNode.offsetLeft;
y += myNode.offsetTop;
myNode = myNode.offsetParent;
}
originalNode.magicPositionX = x;
originalNode.magicPositionY = y;
}

=> Tu passes par exemple :

document.getElementById("tatouille" )

Et au final, document.getElementById("tatouille" ).magicPositionX et document.getElementById("tatouille" ).magicPositionY contiennent la position.

PS: interdit de changer le nom des variables, c'est moi qui ai créé ce script pourri, faut le laisser tel quel

pauv petit. :lol:

Reply

Marsh Posté le 04-02-2004 à 17:22:15

Reply

Marsh Posté le 04-02-2004 à 17:28:25

MagicBuzz a écrit :

document.getElementById('id_du_div').offsetLeft;
document.getElementById('id_du_div').offsetTop;

marche pour IE 5.5+, Moz 1+ et Opera 7+

Reply

Marsh Posté le 04-02-2004 à 17:31:59

ça marche pour tout les tags ?

Reply

Marsh Posté le 04-02-2004 à 17:33:11

MagicBuzz a écrit :

ça marche pour tout les tags ?

Je n'ai pas testé, mais pour les divs en tous cas, ça marche.

Je crois que j'en ai apporté une démonstration suffisamment convaincante ces derniers temps. :whistle:

Reply

Marsh Posté le 04-02-2004 à 17:34:29

ok. Mais moi ct pour mon site que j'ai fait avant le XHTML, et c'était pour afficher des trucs dans des TD dans un tableau, imbriqué dans un autre tableau imbriqué dans... et du coup c'est tout ce que j'ai trouvé qui marche

PS: c'était IE5 à l'époque

Reply

Marsh Posté le 04-02-2004 à 19:25:42

marci messieurs !
simultanément j'ai demandé sur irc et on m'a donné ça:

Code :

function FindXY(obj){
var x=0,y=0;
while (obj!=null){
x+=obj.offsetLeft-obj.scrollLeft;
y+=obj.offsetTop-obj.scrollTop;
obj=obj.offsetParent;
}
return {x:x,y:y};
}

pas testé sur touuuuuuuuuuus les navigateurs possibles mais ça marche sur safari mozilla ie et opéra

Reply

Marsh Posté le 04-02-2004 à 19:25:42

Reply

Marsh Posté le 04-02-2004 à 19:33:11

k666 a écrit :

marci messieurs !
simultanément j'ai demandé sur irc et on m'a donné ça:

Code :

function FindXY(obj){
var x=0,y=0;
while (obj!=null){
x+=obj.offsetLeft-obj.scrollLeft;
y+=obj.offsetTop-obj.scrollTop;
obj=obj.offsetParent;
}
return {x:x,y:y};
}

pas testé sur touuuuuuuuuuus les navigateurs possibles mais ça marche sur safari mozilla ie et opéra

Et ma solution 24 fois plus simple, elle pue ?

Reply

Marsh Posté le 04-02-2004 à 20:40:58

snif pas pu la tester mais j'essaie ça demain matin:jap:

Reply

Marsh Posté le 13-12-2007 à 01:27:26

Hermes ta methode donne la position de l'element par rapport à son parent,
et encore, en fonction de la zone visible de la page.
Leur méthode donne la position par rapport à la page complète.

EDIT : :sol: :ange: :pfff: post-it : *vérifier dates des threads trouvés par google avant d'y répondre*