Discussion :

[wehtam]

Bonjour,
Je cherche à récupèrer les valeurs X et Y de la position d'un clic sur une image. les valeurs X et Y seront les valeurs par rapport au coin haut gauche de la l'image.
Comment faire sachant que mon image n'est jamais à la même place dans ma page ?
Merci d'avance.

[jln13]

salut,

pour faire ca tu dois :

1) récupérer les coordonnées du pointeur

Code :

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

1
2
3
4
5
6
7
8
9
10
 
var isIE = (navigator.userAgent.indexOf("MSIE") > -1);
if(isIE)
{
	e.pageX = e.clientX+document.body.scrollLeft;
	e.pageY = e.clientY+document.body.scrollTop;
}
 
var posX = e.pageX;
var posY = e.pageY;

2) récupérer les coordonnées du coin gauche de l'image grace a l'id de l'image

Code :

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

1
2
3
 
imageeTop = document.getElementById('img1').offsetTop;
imageeLeft = document.getElementById('img1').offsetLeft;

Et après tu fais la soustraction de posX par imageeLeft et posY par imageeTop et voila tu auras les coordonnées du clic par rapport au coin gauche de l'image.