Discussion :

[ClarusAD]

Salut,
J'essaye de déclencher une action selon que l'utilisateur déplace sa souris sur l'axe horizontal ou vertical. Après maintes recherches et essais, j'obtiens rien de concluant. J'arrive bien à détecter les coordonnées X et Y,mais impossible d'assigner une action différente à chacune.

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
 
var timeout ;
var posX ;
var posY ;
 
document.onmousemove = function(event){
 
	posX = event.clientX ;
	posY = event.clientY ;
 
	var posXX = "" ;
	var posYY = "" ;
 
	if (posXX != posX) {
		document.getElementById("ledgreenMSX").className = 'led ledgreen';
		posXX=posX;
		}
		else if (posYY != posY) {
		document.getElementById("ledgreenMSY").className = 'led ledgreen';
		posYY=posY;
		}
 
	clearTimeout(timeout);
	timeout = setTimeout("checkMouse('off')", 11);
	}
 
function checkMouse(input) {
	if (input=='off') {
		document.getElementById("ledgreenMSX").className = 'led ledblack';
		document.getElementById("ledgreenMSY").className = 'led ledblack';
 
		}
	}

L'action en question est d'allumer une led correspondant à chacun des axes.
Merci pour votre aide.

[kevin254kl]

Bonsoir, pourquoi ne pas utiliser un timer ou tu récupères les coordonnées au début et après et tu regarde si c'est les coordonnées x ou y qui ont étaient modifié es-tu effectue ton action en conséquence sinon il-y a aussi MouseEvent.movement .

[ClarusAD]

Non, décidément je n'y arrive toujours pas !
C'est pas le problème du timeout (ça, je l'avais déjà mis en place) ; mais dans mon code, ça zappe les mouvement horizontaux pour continuer et rester QUE sur les verticaux

J'ai sans doute écrit quelque-chose qui va pas, mais quoi...

[Watilin]

En regardant ton code avec ces variables posX et posXX je devine que tu as essayé de stocker la précédente coordonnée. Pour que ça marche il faut changer la valeur après le if. Dans le code que je vais te donner, j'ai changé les noms de tes variables pour être plus clair.

Je pense que tu devrais retirer ton else. En effet, il est très rare que seul X ou seul Y change lors d'un mouvement de souris, en général les deux changent en même temps, même s'il n'y a qu'un ou deux pixels de différence. Du coup il vaut mieux tester les deux dans la même occurence de mousemove.

À propos du timeout, je pense que tu n'en as pas besoin et que tu peux appeler checkMouse directement.

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
var posXPrecedent;
var posYPrecedent;
 
document.onmousemove = function(event) {
 
	var posX = event.clientX;
	var posY = event.clientY;
 
	if (posX != posXPrecedent) {
		document.getElementById("ledgreenMSX").className = "led ledgreen";
	}
	if (posY != posYPrecedent) {
		document.getElementById("ledgreenMSY").className = "led ledgreen";
	}
 
	posXPrecedent = posX;
	posYPrecedent = posY;
 
	checkMouse("off");
};

[ClarusAD]

Effectivement, c'était là mon erreur : c'est après le if qu'il faut mettre l'ancienne valeur dans la nouvelle.
Question de logique

Merci à toi Watilin !