Bonjour,

Je développe actuellement un petit site pour m'entrainer au Javascript (je suis débutant).
J'ai des difficultés à obtenir les coordonnées du curseur de ma souris, j'ai cherché des scripts sur internet mais je n'arrive pas à les appliquer à ma page, voilà ce que j'ai fait pour le moment :

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
 
<?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
<!DOCTYPE svg SYSTEM "../svg10.dtd" >
<html>
	<head>
	<script>
	var posX=50;
	var posY=50;
	string link ="position.php";
	function getMousePos(e) {
	  if (document.all) {
	  posX=event.x+document.body.scrollLeft;
	  posY=event.y+document.body.scrollTop;
	  }
	  else {
	  posX=e.pageX;
	  posY=e.pageY;
	  }
	}
 
	function select(e){
	  link = "position.php?X="+posX+"&Y="+posY;
	  document.location.href=link;
	}
	</script>
	</head>
	<body>
		<span onmousemove=getMousePos(event) onclick=select(event)>
		<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			<g fill="blue">
				<rect width="100" height="100" x="0" y="0"/>
			</g>
		</svg> 
		</span>
</body>
</html>
Quand je clique sur mon carré, rien ne se passe.

Si quelqu'un pouvait me dire ce qui cloche avec mon code, je lui serai très reconnaissant.

Merci d'avance,


Vincent