matrice triable Scriptaculous

Question

J'essaie de créer une matrice d'image triable, 5x5 en utilisant la bibliothèque javascript scriptaculous par je ne peux pas le faire fonctionner.

J'essaie d'utiliser une table mais j'ai des problèmes pour lier le <td> à l'objet Sortable.

Est-ce que vous avez un indice ou de la documentation que je peux utiliser pour créer ceci?

Merci

Answer 1

Utilisez des DIVs flottants, pas des tables.

1) Créez une classe dans votre feuille de style pour vos boîtes.

.boxes { 
    float:left; 
    width:150px; 
    height:150px; 
    border:1px solid #cccccc 
} 

2) Faites un conteneur pour vos boîtes. et mettez les boîtes à l'intérieur.

<div id='container' style='width:750px;height:750px;'> 
<div id='box1' class='boxes'></div> 
...etc 
</div> 

3) Faites votre Sortable

Sortable.create('container',{tag:'div'}) 

Il y a une démo de ce genre de chose disponible here. Écrivez-moi si vous avez besoin d'aide.