Position souris sur une image

**microbulles** · 01/07/2007, 22h17

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<body onLoad="register_position()">
.....
<div class="plongee" id="_plongee">
<p id="X">&nbsp;</p>
<p id="X">&nbsp;</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)

**SpaceFrog** · 02/07/2007, 08h40

une petite recherche s'impose ..
dans les contributions peut être

Position souris sur une image

JavaScript

Discussions similaires

Partager

Partager