Position souris sur une image
Bonjour,
Voilà mon problème je cherche à récupérer la position de la souris après un évènement click sur une image et afficher en permanence la position lorsque le curseur est sur l'image. (position relative du curseur sur l'image).
Pour l'instant j'ai trouvé ça :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
| <SCRIPT TYPE="text/javascript">
<!--
function popup(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
href=mylink;
else
href=mylink.href;
window.open(href, windowname, 'width=750,height=400,scrollbars=yes');
return false;
}
function register_position(){
mouse_x = 0;
mouse_y = 0;
document.onmousemove = position;
}
function position(evt){
if(!evt) evt = window.event;
mouse_x = evt.clientX;
mouse_y = evt.clientY;
document.getElementById("X").innerHTML = "X : "+mouse_x+" ; Y : "+mouse_y;
}
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.mousemove);
document.onclick = GetCoordonnee;
</SCRIPT> |
et pour le HTML
Code:
1
2
3
4
5
6
7
8
| <body onLoad="register_position()">
.....
<div class="plongee" id="_plongee">
<p id="X"> </p>
<p id="X"> </p>
</div>
....
</body> |
Ce qui m'affiche la position du curseur dans le browser.
ce que je voudrais c'est pouvoir afficher les coordonnées de la souris uniquement lors du survole de l'image et avoir les coordonnées relative à l'image et non au browser. (0,0 étant le coin gauche de l'image)
Merci de votre aide.
si en plus une solution peut couvrir IE et Firefox c'est top ;o)
