1. Accueil
  2. Forum Codes-Sources
  3. Javascript / DHTML

Position de la souris sur une image

Signaler
Messages postés
1
Date d'inscription
mercredi 17 avril 2002
Statut
Membre
Dernière intervention
17 avril 2002
 -
Messages postés
13
Date d'inscription
vendredi 22 octobre 2004
Statut
Membre
Dernière intervention
3 janvier 2009
 -
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
Afficher la suite

2 réponses

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

meskiki
Réponse 2 / 2
Messages postés
13
Date d'inscription
vendredi 22 octobre 2004
Statut
Membre
Dernière intervention
3 janvier 2009
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
Répondre Posez votre question