1. Accueil
  2. Forum Codes-Sources
  3. Javascript / DHTML
Sujet Précédent Sujet Suivant

Position de la souris sur une image

cs_golgoth
Messages postés
1
Date d'inscription
mercredi 17 avril 2002
Statut
Membre
Dernière intervention
17 avril 2002
 - 17 avril 2002 à 15:35
vangou_be
Messages postés
13
Date d'inscription
vendredi 22 octobre 2004
Statut
Membre
Dernière intervention
3 janvier 2009
 - 3 janv. 2009 à 23:26
Bonjour,

Comment faire pour recuperer dans un lien la position de la souris sur une image quand je clic sur celle-ci ? Est ce possible ?

Merci pour votre aide

-------------------------------------
Stéphane
A voir également:

2 réponses

Réponse 1 / 2
cs_meskiki
Messages postés
143
Date d'inscription
mardi 19 mars 2002
Statut
Membre
Dernière intervention
22 octobre 2003
23 avril 2002 à 15:52
est ce que tu veux rendre juste une zone de ton image cliquable?

meskiki
0
Réponse 2 / 2
vangou_be
Messages postés
13
Date d'inscription
vendredi 22 octobre 2004
Statut
Membre
Dernière intervention
3 janvier 2009
3 janv. 2009 à 23:26
J'ai trouvé une réponse excellente sur la page d'un blog.
En voici l'extrait ci-dessous.
Le truc est de definir, sur la fonction appelé par le onClick un paramètre event, sur lequel on peut récupérer la position cliquée.
Code fonctionne super en IE7.0 et FF3.0.

<html>
<head>
<script language="JavaScript">
function point_it(event){
 pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("pointer_div").offsetLeft;
 pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("pointer_div").offsetTop;
 document.getElementById("cross").style.left = (pos_x-1) ;
 document.getElementById("cross").style.top = (pos_y-15) ;
 document.getElementById("cross").style.visibility = "visible" ;
 document.pointform.form_x.value = pos_x;
 document.pointform.form_y.value = pos_y;
}
</script>
</head>

<form name="pointform" method="post">
You pointed on x - y
</form>

</html>

Vincent V
0