par
guilt92 » 01 mars 2007, 03:04
Bonjour,
je developpe un code qui me donne la position du curseur de la souris lorsque l'on survole une image. Le probleme est que je voudrais que cette position soit celle du curseur relativement au début de l'image et non pas au début de la fenêtre. Cela fonctionne avec IE en spécifiant une position relative avec comme position 0 et 0 mais cela ne marche pas avec Firefox. Quelqu'un aurait-il une idée ?
Merci.
Voici le code en question :
Affichage de la carte :
Code : Tout sélectionner
<div id="carte">
<h3>Carte:</h3>
<img name="carte_departement" id="carte_departement" src="images/cartes/blank.jpg" onMouseMove="get_position();" onClick="update_champs();" alt="" style="position:relative; left:0px; top:0px; "/>
</div>
<script language="javascript">
document.getElementById("carte_departement").onmousemove = get_position;
</script>
Affichage des coordonnées :
Code : Tout sélectionner
function get_position(e)
{
var carte_departement = document.getElementById("carte_departement");
//initial_x = carte_departement.style.left;
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
document.getElementById("positionx").innerHTML = "Abscisse : "+x;
document.getElementById("positiony").innerHTML = "Ordonnee : "+y;
}
Bonjour,
je developpe un code qui me donne la position du curseur de la souris lorsque l'on survole une image. Le probleme est que je voudrais que cette position soit celle du curseur relativement au début de l'image et non pas au début de la fenêtre. Cela fonctionne avec IE en spécifiant une position relative avec comme position 0 et 0 mais cela ne marche pas avec Firefox. Quelqu'un aurait-il une idée ?
Merci.
Voici le code en question :
Affichage de la carte :
[code]<div id="carte">
<h3>Carte:</h3>
<img name="carte_departement" id="carte_departement" src="images/cartes/blank.jpg" onMouseMove="get_position();" onClick="update_champs();" alt="" style="position:relative; left:0px; top:0px; "/>
</div>
<script language="javascript">
document.getElementById("carte_departement").onmousemove = get_position;
</script>[/code]
Affichage des coordonnées :
[code]function get_position(e)
{
var carte_departement = document.getElementById("carte_departement");
//initial_x = carte_departement.style.left;
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
document.getElementById("positionx").innerHTML = "Abscisse : "+x;
document.getElementById("positiony").innerHTML = "Ordonnee : "+y;
}[/code]