coordonné

**hunter** · 20/12/2004, 14h41

Bonjour
j'ai un petit prob avec les coordonnés de la souris .... j'ai pris l'exemple de la faq (ici)
et mon probleme est que lorsque je bouge dans la page avec la molette de la souris les coordonné son totalement éronné depuis le haut de la page, depuis le coin du navigateur c'est juste comment faire pour rémédier a ça ...

merci

**hunter** · 20/12/2004, 14h59

enfait ce que je veux c'est avoir les coordonnées depuis le haut de la page ....

**SpaceFrog** · 20/12/2004, 15h04

mousepos + div.scrollTop

**hunter** · 20/12/2004, 15h08

merci c'est parfait ...

**hunter** · 20/12/2004, 15h15

pour seul qui veulent voici un code qui permet de mettre une légende sur un image de quelque ligne :

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
32
33
34
35
36
37
38
<html>
<head>
<title>Document sans titre</title>
<style>
#alt {
	position:absolute;
	background:#FF0000;
	display:none;
	color:#FFFFFF;
	height:50px;
	width:80px;
}
</style>
<script language="JavaScript" type="text/javascript">
 
function affiche() {
	obj = document.getElementById("alt");
	obj.innerHTML = "Hello";
	obj.style.display = "block";
}
function efface() {
	obj = document.getElementById("alt");
	obj.style.display = "none";
}
function bouge() {
	obj = document.getElementById("alt");
	x = event.x ;
	y = event.y + document.body.scrollTop ;
	obj.style.top = y+"px";
	obj.style.left = x+"px";
}
</script>
</head>
<body>
<div id="alt">Salut</div>
<img src="image.jpg" onMouseOver="affiche()" onMouseOut="efface()" onMouseMove="bouge()"/>
</body>
</html>

tout simple mais pratique

**SpaceFrog** · 20/12/2004, 15h19

LOL tu nous à réinventé l'infobulle !!
il te reste à prévoir le cas ou l'image se trouve à droite de l'écran ...

**hunter** · 20/12/2004, 15h39

oui oui ... je m'amuse comme j'ai rien a faire ....

Invité · 21/12/2004, 00h20

attention quand même, les attributs x et y de l'objet event ne sont pas normalisés ;-)

Utilise plutôt les attributs clientX et clientY qui sont présents dans le DOM events du W3C.

coordonné

JavaScript

Vue hybride

Discussions similaires

Partager

Partager