[ Prototype.js ] Drag and drop, façon iGoogle
Posté : 21 févr. 2009, 01:10
Bonsoir,
j'ai un projet ou j'utilise le Drag & Drop de Prototype.js pour un panier d'achat.
Mais j'aimerai également utiliser cette fonctionnalité pour modifier l'ordre d'affichage de photos. J'aimerai que la fonctionnalité ressemble à ce que fait google sur son interface iGoogle : pouvoir bouger des blocs d'une zone à l'autre, et cela bouge les autres blocs en conséquence.
Sur mon interface, j'ai une liste d'images horizontale, j'aimerai pouvoir glisser une photo en position 3 entre l'image 1 et l'image 2 par exemple. Au moment du placement de l'image 3 entre l'image 1 et 2, j'aimerai que l'image 2 se décale à l'endroit où était anciennement l'image 3 (et cela, avant que le drop se fasse).
Une idée de comment faire ?
Merci d'avance.
EDIT : Résolu, je me suis en fait servi de Sortable.create, en suivant ce tutorial : http://webdesign.torn.be/tutorials/java ... prototype/
j'ai un projet ou j'utilise le Drag & Drop de Prototype.js pour un panier d'achat.
Mais j'aimerai également utiliser cette fonctionnalité pour modifier l'ordre d'affichage de photos. J'aimerai que la fonctionnalité ressemble à ce que fait google sur son interface iGoogle : pouvoir bouger des blocs d'une zone à l'autre, et cela bouge les autres blocs en conséquence.
Sur mon interface, j'ai une liste d'images horizontale, j'aimerai pouvoir glisser une photo en position 3 entre l'image 1 et l'image 2 par exemple. Au moment du placement de l'image 3 entre l'image 1 et 2, j'aimerai que l'image 2 se décale à l'endroit où était anciennement l'image 3 (et cela, avant que le drop se fasse).
Une idée de comment faire ?
Merci d'avance.
EDIT : Résolu, je me suis en fait servi de Sortable.create, en suivant ce tutorial : http://webdesign.torn.be/tutorials/java ... prototype/