Version imprimable
Bonjour, j'utilise scriptaculous pour faire du drag&drop. Tout marche parfaitement mais j'aimerais rajouter une indication à l'utilisateur : je souhaiterais que la souris change d'image sur les endroits où l'on peut déposer un objet et que l'image soit un sens interdit par exemple là où on ne peut pas le déposer.
quelqu'un sait comment faire ?
Merci de votre aide
Bonjour,
tu peux utiliser les curseurs prédéfinis comme précisé dans la FAQ.
Il faut y ajouter les curseurs personnalisés définis ainsiton_fichier doit être un .gif ou .jpgCode:cursor:url(ton_fichier);
A+
Merci pour ta réponse.
En fait, je sais comment changer de curseur mais mon problème est que quand je prend un élément en drag and drop (le curseur est alors une croix), le curseur ne change pas au moment du passage au-dessus d'un élément où on peut le déposer (le curseur devrait être une main) ni au-dessus d'un élément où on ne peut pas le déposer (le curseur devrait être un sens interdit).
Je ne sais pas si je suis clair...
OK.
C'est un problème de priorité d'évènement.
En gros le "ondrag" empêche le déclenchement des onmouseover qui devrait changer le curseur ...
Mais c'est pas bien mon truc :?
Une discussion sur le sujet, semble-t-il ...
A+
J'ai lu le sujet mais je ne pense pas que ça puisse m'aider pour mon problème. J'utilise scriptaculous pour la gestion du drag&drop. Il y a donc 2 solutions :
1) scriptaculous permet de faire le changement de curseur de manière simple
2) il ne permet pas de le faire et il faut tout faire à la main => pas le temps de le faire et c'est quelque chose qui peut être demandé en tant qu'amélioration
Quelqu'un connait scriptaculous et peut me dire si c'est possible ?
Merci
Je pense que l'attribut hoverclass est là pour faire ce genre de choses :Citation:
Envoyé par Choupinou
http://wiki.script.aculo.us/scriptac...Droppables.add
Quand tu rajoute un droppable, tu peux préciser comment il doit apparaitre quand un draggable passe au dessus....
Oui je l'utilise d'ailleurs mais là ça ne fonctionne pas comme je le souhaite.
En fait, l'élément que je déplace comporte un lien (<a>). Du coup le curseur prend la forme d'une main. Dans mon hoverclass je change le style de la bordure et ça ça marche. Par contre le curseur change mais ne reste pas assez longtemps dans l'état pour le voir correctement... Ceci vient bien du lien (mais il est indispensable). De plus, si le lien est enlevé, le curseur change bien tant qu'on est dans le conteneur d'origine. Si on le déplace dans un autre, plus rien...
Mais tout ceci me permet de faire seulement une partie de ce qu'il me faut. Je souhaite modifier le curseur quand je suis au-dessus d'un droppable (ok) mais aussi quand je suis en dehors d'un droppable (interdit).
Merci
Pour ça, J'utiliserai le onStart du draggable pour le changer le curseur sur le body (par une règle CSS).Citation:
Envoyé par Choupinou
Comme ça, par défaut, le curseur est interdit, et sur un droppable, il change. Mais il faut voir en effet l'action des élements contenus dans le draggable.
En fait j'ai essayé ça mais le curseur change mais revient toujours à la main à cause du lien... Il y a un moyen de désactiver le changement de curseur au passage sur le lien ?
Essaye de mettre la propriété CSS pour le curseur pour ce lien à inherited. Peut-être que ça marche... A part ça, je ne vois pas trop.Citation:
Envoyé par Choupinou