[IE6] coordonnées en Y depuis haut page

Invité · 20/03/2007, 09h34

Bonjour,

Lors du passage de la souris sur une image je déclenche un événement que je capture en JavaScript. Je voudrais pouvoir obtenir les coordonnées en Y de cet événement depuis le haut de la page, ce qui se fait sous FF par evt.pageY mais sous IE cette propriété n'existe pas! La seule dispo est clientY qui me donne Y depuis le haut de la fenêtre => problème lorsque je scrolle vers le bas.

Un petit peu de code pour illustrer ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function preview(evt) {
	if (evt == "[object MouseEvent]") { // FF
		var xPos = parseInt(evt.pageX);
		var yPos = parseInt(evt.pageY);
	}
 
	else { //IE
		var evt = window.event;
		var xPos = parseInt(evt.clientX);
		var yPos = parseInt(evt.clientY);
	}
alert(xPos + " " + yPos);
}

J'ai fait une recherche sur MSDN, Microsoft conseille d'utiliser la propriété scrollTop à ajouter à clientY pour obtenir un résultat correct.

Je modifie donc mon script (partie IE) comme ceci :

Code :

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

1
2
3
4
5
6
7
else {
		var evt = window.event;
		var imgsrc = evt.srcElement.src;
		var xPos = parseInt(evt.clientX + evt.scrollTop);
		var yPos = parseInt(evt.clientY);
		alert(xPos);
	}

Et l'alert me donne cette réponse :

NaN

Merci pour votre aide,

webrider

**E.Bzz** · 20/03/2007, 10h50

Bonjour,
a priori, pour IE :

Code :

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

 event.y+document.body.scrollTop;

A+

Invité · 20/03/2007, 10h58

Merci pour ta réponse E.Bzz!

J'ai essayé ta proposition mais IE retourne cette erreur :

document.body a la valeur Null ou n'est pas un objet

**E.Bzz** · 20/03/2007, 11h04

Envoyé par webrider

Merci pour ta réponse E.Bzz!

J'ai essayé ta proposition mais IE retourne cette erreur :

Jamais eu !
D'un autre côté si body n'est pas un objet de ta page, c'est inquiétant

Ca doit dépendre d'où tu appelles le script : si il est au milieu de ta page, par ex., il s'exécute avant la fermeture du <body>, et ce dernier n'existe donc pas encore ...

A+

Invité · 20/03/2007, 11h16

Envoyé par E.Bzz

Jamais eu !
D'un autre côté si body n'est pas un objet de ta page, c'est inquiétant

Oui effectivement c'est inquiétant! lol Je vais modifier mon script pour que ne s'exécute cette fonction qu'à la fin du chargement complet de la page. On verra ce que ça va me donner.

Invité · 20/03/2007, 12h01

Eh bien non l'erreur ne change pas, toujours cette même réponse! Pourtant mon body existe bien, je ne suis pas fou!

Invité · 20/03/2007, 12h06

Ouups j'ai répondu trop vite, après quelques refresh j'ai fini par avoir autre chose qu'un message d'erreur mais pas vraiment ce que j'espérais.

Même si je fais un scroll vers le bas la valeur de document.body.scrollTop vaut toujours 0...

**E.Bzz** · 20/03/2007, 12h07

Je sèche.
Pour info, la fonction (récupérée je sais plus où) qui tourne chez moi (IE6), utilisée pour une bulle d'aide ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var nava = (document.getElementById && !document.all);
var iex = (document.all);
 
if (nava) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function get_mouse(e)
{
var x = (nava) ? e.pageX : event.x+document.body.scrollLeft;
var y = (nava) ? e.pageY : event.y+document.body.scrollTop;
document.getElementById('divinfo').style.left=(event.x<650)?x+20:x-100;
document.getElementById('divinfo').style.top=(event.y<450)?y+20:y-50;
}

A+

**Bisûnûrs** · 20/03/2007, 12h07

Code :

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

document.documentElement

Invité · 20/03/2007, 12h22

Envoyé par Bisûnûrs

Code :

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

document.documentElement

Alors là je dis BRAVO!!

Ca marche impec chez moi, cela dit je ne comprends pas trop pourquoi j'ai des problèmes avec la version de E.Bzz. Mais bon, ça marche donc comme diraient certains : ne te pose pas de question!

Encore merci à tous les deux!

webrider

[IE6] coordonnées en Y depuis haut page

JavaScript

Discussions similaires

Partager

Partager