Discussion :

[luckyvae]

Bonjour,

Je suis en train d'essayer de faire quelque chose qui ressemble au bouton "share" développé par addthis (http://www.addthis.com/) qui, lorsque la souris est au dessus, un élément s'affiche, et la position de cet élément varie en fonction de l'endroit ou se trouve le bouton vis-à-vis de la zone visible du browser.
J'avais pensé à prendre la position du coin inférieur droit de mon élément qui apparait, et de le comparer à la position du coin inférieur droit de l'espace visible, mais je ne sais pas où chercher.

Donc mes questions sont les suivantes:
-Savez-vous où je peux trouver cette information?
-Est-ce qu'il existe une autre façon de faire ce que je souhaite?
(au passage, si quelqu'un à un bout de code qui fait déjà ce que je souhaite faire...)

Et histoire de faciliter les choses, je cherche une solution sans utilisation de bibliothèque et que ce soit portable sous IE6 et plus, Firefox 3 et sous chrome (ui, je sais, rien que ça )

[RomainVALERI]

Fonction permettant de calculer les positions X et Y (en absolu) d'un élément donné

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// FONCTION : calcul de la position absolue d'un élément (dans la fenêtre)
// RETOUR : tableau à 2 postes : coordonnées [X, Y] en entiers
function posXY(elem) {
   var tabPosition = Array();
   tabPosition[0] = elem.offsetLeft;
   tabPosition[1] = elem.offsetTop;
 
   while(elem.offsetParent) {
      elem = elem.offsetParent;
      tabPosition[0] += elem.offsetLeft;
      tabPosition[1] += elem.offsetTop;
   }
   return tabPosition;
}

En revanche, compatibilité à vérifier ^^ (parce que j'ai quand même toujours un vieux doute avec IE6)

[luckyvae]

Merci, je vais tester ça.
En utilisant ceci auquel on ajoute le clientWidth et clientHeight, ça me permettra de connaitre la position du coin inférieur droit de mon élément. Maintenant, il ne reste plus qu'à trouver la position du coin inférieur droit de la zone visible à l'écran..

[Bovino]

http://www.developpez.net/forums/d67...isible-lecran/

[luckyvae]

ça marche

merci!