2008-10-01 118 views
2

我想創建一個可排序的圖像矩陣,使用scriptaculous JavaScript庫5x5我無法使其工作。Scriptaculous排序矩陣

我正在嘗試使用表格,但我無法將<td>鏈接到可排序對象中。

你們有任何提示或文件可以通過創建嗎?

謝謝

+0

我有書Scriptaculous和原型,如果你有興趣,請與我聯繫下午。 – vaske 2008-10-01 20:24:03

回答

2

使用浮動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'}) 

有這種類型的可用here事情的演示。

如果您需要更多幫助,請聯繫我。

+0

你能舉個例子嗎? – 2008-10-01 20:37:24