Coordonnées de la souris

Version imprimable

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:

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

19/10/2011, 11h42
talvins

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

Code:

string link = "position.php";

mais comme ça :

Code:

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.
19/10/2011, 11h44
Bovino

Code:

string link ="position.php";

string n'est pas une instruction JavaScript ! :aie:

Et tant qu'à faire :

Code:

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

sera mieux comme ça :

Code:

<span onmousemove="getMousePos(event)" onclick="select(event)">
20/10/2011, 21h10
VincentCh

ça a marché ! merci beaucoup !
21/10/2011, 04h35
Willpower

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:

string link = "position.php";

mais comme ça :

Code:

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:

var link = "position.php";