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