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
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
A voir également:
- Javascript image position
- Récupérer données json (javascript) - Conseils pratiques -Javascript
- Javascript poo - Conseils pratiques -Javascript
- Base de données javascript - Conseils pratiques -Javascript
- Vectoriser une image photoshop ✓ - Forum Graphisme/design
- Javascript scroll position ✓ - Forum Javascript / DHTML
2 réponses
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
23 avril 2002 à 15:52
est ce que tu veux rendre juste une zone de ton image cliquable?
meskiki
meskiki
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
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
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