Scriptaculousのソート可能なマトリックス

Question

scriptaculous javascriptライブラリを使用して、5x5のソート可能なイメージマトリックスを作成しようとしていますが、機能しません。

テーブルを使用しようとしていますが、<td>をソート可能なオブジェクトにリンクするのに問題があります。

これを作成するのに役立つヒントやドキュメントはありますか？

ありがとう

Answer 1

テーブルではなく、フローティングDIVを使用します。

1）ボックスのスタイルシートにクラスを作成します。

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

2）ボックス用のコンテナを作成します。箱を中に入れます。

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

3）ソート可能にする

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

こちらで利用可能なこの種のデモがあります。

さらにヘルプが必要な場合は、私に電話してください。