Discussion :

[calitom]

Bonjour,

Je voudrais savoir comment faire pour calculer la valeur en pixel scrollé avec la barre de defilement verticale...

En fait je recupere event.clientY (la position y de la souris), mais ca retourne la position de la souris par rapport à la fenetre du navigateur, et non par rapport au haut de la page...

Donc je voudrais la hauteur de a souris en y ajoutant la hauteur du defilement de la page pour avoir la position de la souris par rapport au haut de la page, et non au haut du navigateur...

[Bovino]

Une piste dans la FAQ

[calitom]

Merci!

Ca marche niquel dans Firefox, mais pas sous IE...

J'ai testé avec IE7 le script d'exemple qui illustre l'article de la faq, et c'est la même valeur pour la position Y qu'on ait scrollé la page ou non...

Uni idée pou adapter ce code à IE?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
var obj_img = $("img_fond");
var objPos = obj_img.cumulativeOffset();
var objDim = obj_img.getDimensions();
var max_souris_x=parseInt(objPos.left+objDim.width);
var max_souris_y=parseInt(objPos.top+objDim.height);
if(e)
{
  var posXsouris=e.pageX;
  var posYsouris=e.pageY;
}
else
{
  var posXsouris=window.event.x;
  var posYsouris=window.event.y;
}
 
if((posXsouris>max_souris_x-2)||(posYsouris>max_souris_y-2))
{
	alert("x="+posXsouris+" y="+posYsouris);
	fin(e);
}

L'erreur renvoyée par la debugbar est: "argument non valide"...

[calitom]

En fait l'erreur renvoyé par la debug bar correspond à autre chose...

Mais ca ne marche toujours pas sous IE...

[calitom]

En fait j'ai l'impression que sous IE windows.event.x ne retourne pas la position de la souris par rapport au bord de la page, mais par rapport au div conteneur de mon site...

Une idée?

[calitom]

J'ai quasiment réussi, mais j'ai l'impression que mon calcul diverge selon le scrollTop...


Voici mon code pour IE:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
var posXsouris=e.clientX;
var posYsouris=window.event.y;
posXsouris=parseInt(posXsouris+document.body.scrollLeft);
posYsouris=parseInt(posYsouris+document.body.scrollTop);
max_souris_y=max_souris_y-5;
 
if((posXsouris>max_souris_x-2)||(posYsouris>max_souris_y-2))
{
	fin(e);
}

En fait si je descend d'un cran la barre de defilement verticale, mon execption se fait au bon endroit...

Et si je descend par exemple de deux cran de plus la barre de defilement verticale, mon exception n'est pas prise en compte au même endroit dans ma page...

Comment je pourrais corriger ca?