Coordonnées d'un clic

Marsh Posté le 09-06-2004 à 10:08:28

Bonjour,

est il possible de récupérer les coordonnées d'un point (X,Y) cliqué par la souris sur une image ?
Je souhaiterais obtenir les coordonnées de ce point par rapport à l'image (comme les MAP) et non pas par rapport à l'écran.

Si quelqu'un a une idée je suis preneur !

Merci beaucoup et bonne journée !

Nicocvc

Reply

Marsh Posté le 09-06-2004 à 10:08:28

Reply

Marsh Posté le 09-06-2004 à 15:46:02

Nicocvc a écrit :

Bonjour,

Je souhaiterais obtenir les coordonnées de ce point par rapport à l'image (comme les MAP) et non pas par rapport à l'écran.

Ben si je m'avance pas trop tu peut pas récupérer la posistion du curseur par rapport à ton image en utilisant les fonctions natives javascript (event.x et exent.y) qui te renvoient toujours la position par rapport à la fenêtre courante.
Seule solution, tu met ton image dans une IFrame qui fait pile poil la taille de ton image avec un margin=0 et le tour est joué...

Reply

Marsh Posté le 09-06-2004 à 15:56:57

transistor a écrit :

Ben si je m'avance pas trop tu peut pas récupérer la posistion du curseur par rapport à ton image en utilisant les fonctions natives javascript (event.x et exent.y) qui te renvoient toujours la position par rapport à la fenêtre courante.
Seule solution, tu met ton image dans une IFrame qui fait pile poil la taille de ton image avec un margin=0 et le tour est joué...

Ok merci pour ton aide je vais essayer ca !

@+

Reply

Marsh Posté le 09-06-2004 à 22:37:42

Fait une recherche sur les messages de "Hermes le Messager" il avait bosse sur quelquechose qui pourrait t'aider.

Reply

Marsh Posté le 10-06-2004 à 05:57:31

salut,

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>area</title>
<script language="javascript">
if (!document.all) {document.captureEvents(Event.MouseMove);}
document.onmousemove = position;
function position(evenement)
{
element = document.all?event.srcElement:evenement.target;
if (element.name!="image" ) return;
document.formulaire.x.value = document.all?event.x:evenement.layerX;
document.formulaire.y.value = document.all?event.y:evenement.layerY;
}
</script>
</head>
<body><center>
<hr color="blue" width="680" size="1">
<img name="image" style="position:relative;top:0;left:0;" src="027.jpg" height=384 width=512 border="0">
<form name="formulaire">
X = <input name="x" type="text" value="" size=4> Y = <input name="y" type="text" value="" size=4>
</form>
</center>
</body>
</html>