problème déplacement div

Version imprimable

18/08/2008, 13h42
bastnt

problème déplacement div

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:

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

Faut-il ajouter quelque chose en css ou utiliser autre chose qu'un div ??
18/08/2008, 16h54
laurentibus

Citation:

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
19/08/2008, 13h07
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)
http://img522.imageshack.us/img522/1...een1vt8.th.jpg

Et la quand je prend la croix avec la souris : (la souris indique un deplacement "interdit")
http://img184.imageshack.us/img184/3...een2op1.th.jpg

>toujours dans la même situation (mais lorsque je m'approche du zone de texte)
http://img235.imageshack.us/img235/5...een3ei0.th.jpg
19/08/2008, 14h07
laurentibus

fait voir le code JS des evenements

voici l'essentiel :

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

26/08/2008, 15h11
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.