Discussion :

[Extra-Nitro]

Bonjour, je cherche une fonction qui renvoi la position x et y de la souris.
Je ne l'ai pas trouvée dans la liste des sources.

Merci.

[FremyCompany]

Attends, je vais te chercher le script

Et j'en profite pour le poster dans la rubrique des codes à ajouter à la FAQ

[FremyCompany]

Code :

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

1
2
3
4
5
6
7
8
9
10
var Mouse={"x":0,"y":0};

document.onmousemove = function (e)
{
   Mouse.x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
   Mouse.y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
   if (Mouse.x < 0) {Mouse.x=0;}
   if (Mouse.y < 0) {Mouse.y=0;}
   // document.OnMouseMove.Raise(this, e?e:event)
};

[Extra-Nitro]

D'accord merci mais maintenant si j'ai une fonction dans la quelle j'ai besoin de l'emplacement de la souris je fait comment a partir de ce script?

Code :

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

1
2
3
4
5
maFonction()
{
 x=??
y=??
}

[FremyCompany]

Pensez à la balise [CODE]...

Code :

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

1
2
3
4
X = function() {
     var x=Mouse.x;
     var y=Mouse.y;
}

[Extra-Nitro]

Donc si dans une fonction a moi je tape Mouse.x la fonction le reconnaitra?

[FremyCompany]

Donc si dans une fonction a moi je tape Mouse.x la fonction le reconnaitra?

+1

[Extra-Nitro]

+1

C'est à dire?

Pourrais tu m'expliquer ces lignes

Code :

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

1
2
3
 
Mouse.x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft ;
Mouse.y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop ;

PS : J'ai essayé ta fonction et il me disent que Mouse.x et Mouse.y n'existent pas. et quand j'ecrit avant la fonction var Mouse={"x":0,"y":0}; il me dit qu'ils valent 0.

[Auteur]

bonjour,

tu trouveras un code pour une info-bulle (message 4) que j'ai posté ici :
http://www.developpez.net/forums/sho...ighlight=bulle

[FremyCompany]

Je tire cette fonction de mes codes personnels, et elle a toujours marché

Les lignes sont celles qui permettent de calculer la postion de la souris...
Si le navigateur est NetScape, la méthode est différentes (d'ou l'opérater ?

[Extra-Nitro]

d'accord merci .

[aurelien3030]

Bonjour,

J'ai essayé ça :

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
var Mouse={"x":0,"y":0};
 
document.onmousemove = function (e)
{
	Mouse.x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
	Mouse.y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
	document.write(Mouse.x);
	document.write(Mouse.y);
	//if (Mouse.x < 0) {Mouse.x=0;}
	//if (Mouse.y < 0) {Mouse.y=0;}
	// document.OnMouseMove.Raise(this, e?e:event)
};

Mais le navigateur n'arrête pas de charger.
Est-ce que quelqu’un pourrai m'aider.

Merci.

[Auteur]

bonjour,

aaaaaaaaaaaaaaaah document.write() synonyme de "mon script ne fonctionne pas"

ton erreur est donc ici

Code javascript :

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

1
2
3
document.write(Mouse.x);
document.write(Mouse.y);

remplace ce document.write() par un

Code :

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

1
2
3
 
texte = Mouse.x + "<br>" + Mouse.y;
document.getElementById("idObjet").innerHTML = texte

puis dans ton code HTML ajoute un objet avec comme id idObjet

Code html :

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

1
2
3
 
<div id="idObjet">
</div>

[Invité]

la gestion dans ce sens est bien faite mais dépassée

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
var Mouse={"x":0,"y":0};
 
document.onmousemove = function (e)
{
   Mouse.x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
   Mouse.y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
   if (Mouse.x < 0) {Mouse.x=0;}
   if (Mouse.y < 0) {Mouse.y=0;}
   // document.OnMouseMove.Raise(this, e?e:event)
};

c'est un script fait pour fonctionner en html 4 et l'ajout des evenements est destructeur