اخوي كلشي ممكن وما في شي مستحيل ان شاء الله وتفضل هذه الطريقة باستعمال اجاكس من دون تحديث الصفحة وبدون اجهاد للسيرفر .
كود html :
كود PHP:
<table>
<tr >
<td>الاسم</td>
<td>العمر</td>
<td>البلد</td>
</tr>
<ul id="sortlist">
<tr id="item_x">
<td>COSINUS</td>
<td>بعرفش صراحة</td>
<td>كمان بعرفش</td>
</tr>
</ul>
</table>
<script type="text/javascript">
Sortable.create('sortlist',{tag: 'tr',
onUpdate:function(){
new Ajax.Updater('output','reorder.php',{onComplete:function(request){}, parameters:Sortable.serialize('sortlist'), evalScripts:true, asynchronous:true})
}
})
</script>
لاحظ اخوي وين مكتوب item_x هنا يجب تعويض x برقم العنصر بمعنى يجب كتابة item_ قبل رقم كل عنصر في الجدول .
كود الصفحة reorder.php :
كود PHP:
foreach ($_POST[sortlist] as $varname => $varvalue) {
$sql = "UPDATE Table_Name SET element_order = ".mysql_real_escape_string($varname)." WHERE element_id = ".mysql_real_escape_string($varvalue);
$result = mysql_query($sql) or die(mysql_error());
}
طبعا هذه الحركة باستعمال مكتبة Prototype مع الاضافة الجميلة لها script.aculo وليس باستعمال مكتبة JQuery قم بتنزيل المكتبة واضافتها من المواقع المرفقة وضمن ملفاتها باعلا الصفحة التي ستعمل الحركة بداخلها .
الى الامام اخوي