Matrice ordinabile scriptaculous

Question

Sto cercando di creare una matrice di immagini ordinabile, 5x5 utilizzando la libreria javascript scriptaculous di non riesco a farlo funzionare.

Sto provando a utilizzare una tabella ma ho problemi a collegare <td> all'oggetto ordinabile.

Ragazzi avete qualche suggerimento o documentazione che posso seguire per creare questo?

Grazie

Answer 1

Usa DIV mobili, non tabelle.

1) Crea una classe nel tuo foglio di stile per le tue caselle.

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

2) Crea un contenitore per le tue scatole. e metti dentro le scatole.

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

3) Rendi ordinabile

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

È disponibile una demo di questo tipo di cose qui .

Mandami un messaggio se hai bisogno di ulteriore aiuto.