Discussion :

[agougeon]

bonjour je voudrai avoir des retour d'experience sur le drag n drop... je voulai savoir si c facile a implementer (sans trop de pb avec IE et firefox pour la compatibilité) peut t'on recuperer les coordonnés d'arrivé. Je m'explique j'ai un gd tableau et j'aimerai pouvoir deplacer les elements dans ce tableau en drag n drop et qd on sauvegarde je recupere les numéro des colonnes pour chaque elements que je sauvegarde dans une bd.
Merci

[kemenaran]

Well, je viens d'implémenter un système de drag/drop sur un site encore en construction, en utilisant la librairie script.aculo.us. Le contenu des blocs à drag/dropper était assez complexe, mais ça a marché impeccablement et super-facilement.

• * Une seule ligne de code pour implémenter le drag/drop et le callback Ajax
  * Le drag/drop passe nickel sous Firefox, IE, Opera
  * Plein de customisation possible pour le comportement du drag/drop

Je te recommande cette page d'exemple : le code présenté est en Ruby, mais en affichant la source tu auras le code Javascript. Ca ressemble à ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<ul id="list">
    <li id="item_1">I'm number 1</li>
    <li id="item_2">I'm number 2</li>
    <li id="item_3">I'm number 3</li>
  </ul>
 
<script type="text/javascript">Sortable.create('list', { onUpdate:function(){new Ajax.Updater('list', '/ajax/order',{parameters:Sortable.serialize('list')})}})</script>

Tu as juste à copier/coller le code et à l'adapter un peu ; et pour ça y'a une documentation très bien faite. Par contre, inconvénient, comme sur la plupart des librairies Ajax tu peux pas drag/dropper des <tr>, les navigateurs le supportent pas. Pour tout les autres éléments, c'est du tout cuit : tu peux spécifier le tag et/ou la classe des éléments à rendre draggable.

[agougeon]

salut merci pour tse conseils.. j'ai testé ça :
http://developer.yahoo.net/yui/dragdrop/
ça marche nikel avec un simple html, mais dans mon code j'ai un div avec des table a l'intérieur et la pas de drag.... :'(
Merci
Y a t'il un moyen pour les table?

[kemenaran]

Je connaissais pas les Widgets Yahoo, ça a l'air sympa comme librairie, apparement y'a plein de trucs chouettes.

Mais bon, comme je ne connais pas ce système, je ne peux pas trop t'aider la dessus... La plupart des navigateurs sont incapables de drag/dropper des tables ou des éléments de table, mais une table dans une div ça devrait fonctionner. Sinon ça veut dire que les tables sont traitées par les navigateurs comme des objets spéciaux, et à mon avis y'a pas grand chose à faire - à part redonner l'apparence d'une table à ton élément mais en utilisant que des div.

[agougeon]

ok, je test un peu plus tard et je te dis, merci

[sabin]

Bonjour,

une solution de drag n' drop trouvée avec les tables ou pas ?

Merci