Discussion :

[bastnt]

Bonjour à tous.
J'ai fait une palette de couleurs animée en javascript : ma palette.
(cliquez sur ouvrir la palette)

Lorsque je clique sur une couleur tout se passe normalement.
Par contre quand je veux déplacer le curseur (sous firefox3) c'est le navigateur qui pose un problème sur le déplacement de ce curseur ???

mon curseur est un div :

Code :

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

<div id="curseur1" class="skin_curseur1" onmousedown="clique('barre')"></div>

Faut-il ajouter quelque chose en css ou utiliser autre chose qu'un div ??

[laurentibus]

Par contre quand je veux déplacer le curseur (sous firefox3) c'est le navigateur qui pose un problème sur le déplacement de ce curseur ???

lorsque le curseur est sur la palette ???

pas de pb pour moi sous FF3

[bastnt]

Oui mais avec la souris prend le curseur et déplace-le : là tu verras le problème.
(c'est lorsqu'on va le chercher en faites)

Ici lorsque je clique nimporte où sans toucher la croix : (la croix est derrière le curseur)


Et la quand je prend la croix avec la souris : (la souris indique un deplacement "interdit")


>toujours dans la même situation (mais lorsque je m'approche du zone de texte)

[laurentibus]

fait voir le code JS des evenements

[bastnt]

voici l'essentiel :

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
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
document.onmousemove=calcul;
document.onmousedown=calcul;
 
function calcul()
{
// ... dautres trucs
 
	if(clic2) // si l'utilisateur clique sur le carré ...
	{
 
		if(position('y',event)>20 && position('y',event)<320)
		{ 
		document.getElementById("curseur2").style.top=position('y',event)-10;
// on déplace curseur2 et on lui retire son milieu (comme pour curseur 1)
 
y=position('y',event);
		}
 
		if(position('x',event)>60 && position('x',event)<360)
		{
		document.getElementById("curseur2").style.left=position('x',event)-10;
// on déplace curseur2 et on lui retire son milieu (comme pour curseur 1)
 
x=position('x',event);
		}
 
	afficher(); // fonction qui permet d'afficher la couleur courante dans le 	rectangle (input text) 'resultat'.
	}
 
// ... dautres trucs
}

(position renvoie bien sur les coordonnées de la souris)
(par ex : e.pageX pour firefox)

> Sinon tout le code est accessible à partir du code source de "palette.html".

[bastnt]

J'ai trouvé !
Pour fixer ce buf de ff3, il suffisait de mettre un espace dans chaque div pour que ff3 ne le considère pas comme un objet/image.