Coordonnées de la souris

**VincentCh** · 19/10/2011, 11h17

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

**talvins** · 19/10/2011, 11h42

Ah ben oui mais bon...
Il fonctionne ton script, sauf qu'on ne déclare pas un type comme ça :

Code :

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

string link = "position.php";

mais comme ça :

Code :

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

var link = new String("position.php");

Tout est objet en JS.

Puisque tu débutes (moi aussi ceci dit

) : utilisation de firebug (ou équivalent sur Opera ou Chrome) pour debugger. Et utilisation de JSLint pour devenir le codeur le plus propre de l'Ouest.

**Bovino** · 19/10/2011, 11h44

Code :

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

string link ="position.php";

string n'est pas une instruction JavaScript !

Et tant qu'à faire :

Code html :

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

<span onmousemove=getMousePos(event) onclick=select(event)>

sera mieux comme ça :

Code html :

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

<span onmousemove="getMousePos(event)" onclick="select(event)">

**VincentCh** · 20/10/2011, 21h10

ça a marché ! merci beaucoup !

**Willpower** · 21/10/2011, 04h35

Envoyé par talvins

Ah ben oui mais bon...
Il fonctionne ton script, sauf qu'on ne déclare pas un type comme ça :

Code :

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

string link = "position.php";

mais comme ça :

Code :

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

var link = new String("position.php");

Tout est objet en JS.

Puisque tu débutes (moi aussi ceci dit

) : utilisation de firebug (ou équivalent sur Opera ou Chrome) pour debugger. Et utilisation de JSLint pour devenir le codeur le plus propre de l'Ouest.

heu ... bonne chance si tu t'amuses à mettre des "new Type" pour chacune de tes variables. ^^

Ton code est correct hein ! mais ... ceci est plus simple :

Code :

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

var link = "position.php";

Coordonnées de la souris

JavaScript

Discussions similaires

Partager

Partager