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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [javascript] connaitre la position d'un element dans la page ?

k666

dites non à petitmou

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

Publicité

Hermes le Messager

Breton Quiétiste

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

MagicBuzz

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

Hermes le Messager

Breton Quiétiste

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;
}

pauv petit. :lol:

MagicBuzz

Hermes le Messager

Breton Quiétiste

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+

MagicBuzz

ça marche pour tout les tags ?

Hermes le Messager

Breton Quiétiste

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:

MagicBuzz

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

k666

dites non à petitmou

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

Publicité

Hermes le Messager

Breton Quiétiste

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 ?

k666

dites non à petitmou

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

vanish

Ce qui brûle, brûle !

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*

Message édité par vanish le 13-12-2007 à 01:31:17

p4t4t4rt3

Héhé j'ai trouver un peu la même solution que vous la Position d'une div, merci google

Message cité 1 fois

esox_ch

p4t4t4rt3 a écrit :

Héhé j'ai trouver un peu la même solution que vous la Position d'une div, merci google

C'est pour quel type de marathon que tu déterres tous les topics vieux de 5 ans qui ont déjà eu au moins 1 réponse?

---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
gérer les erreurs CGI sous IIS avec une page personnalisée ?	[ HTML / CSS ] Mise en page et retour à la ligne.
pb d'affichage page perso frontpage	Récupérer la position d'un div avec opéra... Grrrr...
[HTML/JS} ouverture d'une page ...	appeller des fonctions php depuis une page asp
[HTML] probleme de position ...	mise en page du code...
[w3c] javascript ?	élément d'une listbox
Plus de sujets relatifs à : [javascript] connaitre la position d'un element dans la page ?

Page générée en 0.049 secondes