Scriptaculous مصفوفة للفرز

Question

وأنا أحاول أن إنشاء مصفوفة صورة للفرز، 5X5 تستخدم scriptaculous مكتبة جافا سكريبت التي لا أستطيع العمل على انجاحه.

وأنا أحاول باستخدام الجدول ولكن أواجه مشكلة في ربط <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'})

وهناك عرض من هذا النوع من الشيء هنا .

وإسقاط خط لي اذا كنت بحاجة الى مزيد من المساعدة.