Coordonnées de la souris [Résolu]

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

Citation:

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";

19/10/2011, 11h42	#2
talvins Membre régulier Inscription : février 2005 Messages : 158 Détails du profil Informations personnelles : Localisation : France, Gironde (Aquitaine) Informations forums : Inscription : février 2005 Messages : 158 Points : 75 Points : 75	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.
	10

19/10/2011, 11h44	#3
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 808 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 808 Points : 35 793 Points : 35 793	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)"> __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	10

20/10/2011, 21h10	#4
VincentCh Invité régulier Inscription : avril 2011 Messages : 11 Détails du profil Informations forums : Inscription : avril 2011 Messages : 11 Points : 5 Points : 5	ça a marché ! merci beaucoup !
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email