[Scriptaculous] Limiter le drop d'un draggable à un élément de la page [Résolu]

[thibane]

Bonjour à tous,

Me revoici avec mes sublimes questions Scriptaculousiennes...

La question du jour porte sur des objets Draggable, c'est à dire qu'on a déclaré dans notre page avec new Draggable(blablabla).

Autant avec les Sortable, il y avait un attribut "containment" qui permettait de limiter le déplacements des objets à des containers que l'on pouvait préciser.

J'aimerai faire exactement la même chose avec des objets Draggable mais il n'y a pas d'attribut "containment".

Quelqu'un a déjà rencontré ce problème ?

[SpaceFrog]

ben ajoutes le ???

[thibane]

Euh... Tu veux dire quoi là? Que je fois modifier le code de Scriptaculous..?

[SpaceFrog]

suffit juste d'ajouter un test à savoir si sur le drop l'élément à un attrubut ...

[thibane]

Autant pour moi, le problème que j'ai eu avec ça, c'est que la déclaration de mes draggables était mauvaise (je crois que je déclarais une fonction sur un endeffect qui posait problème) et du coup, quand je voulais déposer mon draggable, je pouvais le mettre partout.

Donc la solution pour pouvoir déplacer un draggable SEULEMENT dans certains droppable, il suffit :

• de mettre revert à true, histoire que le draggable reviennent tout le temps à sa position initiale
• de détecter le draggable sur le onDrop du droppable et de faire une fonction pour ajouter l'élément au droppable.

PS qui n'a rien à voir: je me suis rendu compte pendant ces tests que le "ghost:true" pose des problème sous IE, mieux vaut pour vous que vous n'ayez pas à garder un ghost de votre draggable, sous IE toujours...