[Prototype] Drag'n'Drop - Comment créer une zone de tolérance (d'ancrage)? [Résolu]

[BnA]

Bonjour à tous!

Devant faire une refonte de la partie "connectée" du site de la société pour laquelle je travaille, je m'oriente vers l'AJAX, surtout par flexibilité et par ergonomie (coté user)...

Mais j'ai un petit soucis. Je ne m'y connais pas trop en AJAX, donc c'est peut-être une question toute bête et fréquente, mais je n'ai rien trouvé de concluant ni sur Google ni ici...

Bref.

La nouvelle page consistera en 4 fenêtres (notamment) draggable (en fait, "sortable" est plus adéquat, voir ci-dessous). Ca, ça va. En même temps c'est pas le plus dur quand on utilise des lib (prototype et scriptaculous).

La page est "divisée" (de manière invisible) en 4 parties (2x2), une par fenêtre.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
------------------------
|          |           |
|          |           |
|    A     |     B     |
|          |           |
|          |           |
------------------------
|          |           |
|          |           |
|    C     |     D     |
|          |           |
|          |           |
------------------------

Admettons que l'user déplace la fenêtre D, et désire la mettre à la place de A.

Comment dois-je m'y prendre pour que:
- A prenne la place de D (automatiquement)
- D se positionne à un endroit donné (par exemple, centré dans la zone), et ce même si la fenêtre a été "déposée" de manière approximative (= zone de tolérance?)


Voilà, j'espère avoir été assez clair, et je remercie d'avance tous ceux qui sauront m'aider!!

++


Len.

[alain.couthures]

Avez-vous déjà regardé du côté de Yahoo! avec YUI ?

Le Drag'n'Drop est assez simple à faire avec...

[BnA]

En effet, ne trouvant pas comment faire avec Prototype, je m'y suis tourné ce week-end...

Pas encore au point (de mon côté), mais le travail d'adaptation avance!