Position de la souris par rapport a une div

[band22]

Bonjour ,

Voila j'aimerais pouvoir récupéré la position de la souris par rapport a une div, pour cela j'ai essayer de faire:

Code :

1
2
3
4
5
6
7
8
function standardPicture(){
var position_image = $('#idPhoto').position();
// On recupere la position de la souris lors du clic
var position_clicX = position_image.pageX;
var position_clicY = position_image.pageY;
alert(position_clicX);//affiche undefined
alert(position_clicY);//affiche undefined
}

Mais cela m'affiche constamment "undefined", quelle est mon erreur?

Merci d'avance
Cordialement

[Loceka]

J'en vois 2 :
1. pageX/pageY ne fonctionne que sur les événements (donc tu peux intercepter l'événement onclick par exemple), pas sur les éléments.
2. pageX/pageY est la syntaxe "netscape", celle d'IE est clientX/clientY.

Ex:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function standardPicture(e) {
	if (!e) var e = window.event;
	var posx = 0;
	var posy = 0;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	} else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
}
// ...
<ton_element onclick="standardPicture()"/>