IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Téléchargé 2 fois
Vote des utilisateurs
0 
0 
Détails
Licence : Non renseignée
Mise en ligne le 4 octobre 2011
Plate-formes : Linux, Mac, Windows
Langue : Français
Référencé dans
Navigation

Comment retrouver les coordonnées X et Y d'un objet ?

La fonction calculeOffsetLeft retourne le nombre de pixel à la gauche de l’élément (son abscisse), la fonction calculeOffsetTop le nombre au dessus (son ordonnée).
Avatar de NoSmoking
Modérateur https://www.developpez.com
Le 05/03/2018 à 13:59
Avatar de patricktoulon
Inactif https://www.developpez.com
Le 05/03/2018 à 15:27
Avatar de NoSmoking
Modérateur https://www.developpez.com
Le 05/03/2018 à 17:02
oui c'est vrai chez moi rest une variable globale representant un div
les variables globales sont à fuir lorsque l'on veut avoir une fonction facilement exportable.

... de meme que getboundingClientRect non?
par rapport au document et par rapport au viewport ce n'est pas la même chose, fait un essai en scrollant la page et observe ce qui se passe au niveau des valeurs.

on est bon comme ca ?
Code : Sélectionner tout
1
2
3
4
5
6
return {
  "left": oLeft,
  "Top": oTop,
  "Right": oLeft += memo.offsetWidth,
  "Bottom": oTop += memo.offsetHeight
}
essaie de respecter les conventions de nommage, le camelCase, ce qui devrait donner
Code : Sélectionner tout
1
2
3
4
5
6
return {
  "left": oLeft,
  "top": oTop,
  "right": oLeft + memo.offsetWidth,
  "bottom": oTop + memo.offsetHeight
}
Je ne vois pas trop ce que peut apporter ta « fonction » !
Avatar de patricktoulon
Inactif https://www.developpez.com
Le 05/03/2018 à 18:53
Ok NosMoking
while ofssetparent...= position par rapport au document
getBoundingClientRect() = position par rapport a la window
j'ai testé
disons la fonction de denisC modifié comme je l'ai fait donne une sorte de getBoundingDocumentRect()
j'ai testé bien sur
du coup j'en ai profité pour bien faire la différence aussi entre event.clientx et event.pageX
merci
Avatar de NoSmoking
Modérateur https://www.developpez.com
Le 06/03/2018 à 10:55
Certes mais on s'éloigne de la proposition initiale qui est, et reste retrouver les coordonnées X et Y d'un objet.

On peut faire quand même plus simple, au résultat de getboundingClientRect il suffit d'ajouter les valeurs de scroll du document et tu auras ta fonction
Avatar de patricktoulon
Inactif https://www.developpez.com
Le 07/03/2018 à 11:06
Bonjour Nosmoking
oui plus simple certainement ca me permet d'aprendre ce que retourne les fonctions
notament le fait d'utiliser e.pagex au lieu de e.clientx+scroll....
des petites chose comme ca qui peuvent simplifié la vie
je vais la faire cette fonction getboudingdocumentrect() avec clientrect
Avatar de patricktoulon
Inactif https://www.developpez.com
Le 03/03/2018 à 19:06
Developpez.com décline toute responsabilité quant à l'utilisation des différents éléments téléchargés.