عرض للطباعة
السلام عليكم
منذ مدة وأنا أبحث عن طريقة لدمج هذه الحركة
http://www.isocra.com/2008/02/table-...jquery-plugin/
بphp و MySQL حتى يمكنني تسجيل التغييرات التي أحدثها على الجدول في قاعدة البيانات.
هل من الممكن أن أقوم بتغيير ترتيب الأسطر في جدول عن طريق ]Drag and Drop و تسجيلها في قاعدة بيانات عن طريق البي أتش بي ؟
ممكن مساعدة ؟
كل هذه الحركات لها ما يسمي بالـ callback
أعني بذلك انك اذا قمت بازاحة الصف رقم 5 ووضعته اعلي الصفوف
حينها سيكون الـ callback الخاص بهذه الحركة وليكن 5=1
وعن طريق الاجاكس تقوم بارسال هذه القيمة الي صفحة للمعالجة
وهي التي ستقوم بتغيير مرتبة الصف الخامس الي الاول اعتماد علي القيمة المرسلة
والحمد لله السكربت الذي وضعته انت تقريبا يعطي callback
وظيفتك ان ترسل هذه القيمة الي صفحة المعالجة
للاسف اليوم يوم جمعة
ولولا ذلك كنت ساقوم برفع لك احد الملفات التي قمت بصنعها علي جهازي بالعمل
علي العموم يمكنك تحميل هذا السكربت
Graphics by Greg
واطلع علي ملفاته .. وستفهم الالية المتبعة جيدا
ويمكنك مشاهدة المثال الناتج من هنا
Scriptaculous 1.7 Sortables Ajax Example
هذى الميزة تسبب ضغط على سيرفر MySQL، إذا كان لديك زوار كثار أنصحك بعمل زر تحديث في حال قام العضو او الزائر بتغير مكان العنصر، تضع زر مثل الحفظ لكي تخفف الضغط على الخادم
شكرا للمساعدة، أنا سأستعمل هذه التقنية في ترتيب الروابط في القائمة المنسدلة وهي خدمة خاصة بمدير الموقع وبالتالي لن يكون هنالك ضغط على السيرفر.
وقد بحثت وجرب العديد من الدروس منها هذا الدرس
Drag and drop rows with a little Php | NickLarson.com
وياريت لو واحد يحاول يطبقه ويخبرني إن اشتغل معاه أو لا لأنه لم يشتغل معي أبدا:
وبالنسبة للأخ سحاب اون لاين شكرا جزيلا على الرابط وجاري التطبيق وجزاكم الله خيرا
تقنية رائعة ولكن مشكلة إن كانت تسبب مشكلة على السيرفر
لا تسبب ضغط علي السيرفر بهذا الشكل حتي تغض الطرف عنهااقتباس:
المشاركة الأصلية كتبت بواسطة dnet
شكرا أخ سحاب أون لاين لقد اشتغلت معي ولكن عندي رجاء من فضلك
هذا الكود يستخدم عدة صفحات ويرسل متغيرات من صفحة إلى أخرى عن طريق الأجاكس أريد إضافة متغير جديد لأكي أرسله بالأجاكس فكيف يمكنني فعل ذلك ؟
حيث أريد أن أرسل متغير بالأجاكس لكي يحدد لي أي جدول من جداول قاعدة بياناتي وبالتالي أستعمل نفس الكود ونفس الصفحات بدون تكرارها.
بارك الله فيك
اخوي كلشي ممكن وما في شي مستحيل ان شاء الله وتفضل هذه الطريقة باستعمال اجاكس من دون تحديث الصفحة وبدون اجهاد للسيرفر .
كود html :
لاحظ اخوي وين مكتوب item_x هنا يجب تعويض x برقم العنصر بمعنى يجب كتابة item_ قبل رقم كل عنصر في الجدول .كود 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>
كود الصفحة 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 قم بتنزيل المكتبة واضافتها من المواقع المرفقة وضمن ملفاتها باعلا الصفحة التي ستعمل الحركة بداخلها .
الى الامام اخوي
شكرا EbNCaNa على هذا المثال الذي أ‘جبني حيث يستخدم الجدول وهو ما يمكنني من توسيع استخداماتي لهذه التقنية غير أن عندي سؤال
هل يمكن إرسال متغيرات أخرى إلى ملف reorder.php غير التي وضعتها في الكود ؟
يعني هل يمكنني إرسال مثلا table_name$ مع sortlist ؟
أنتظر ردّك بفارغ الصبر
وبارك الله فيك وفي جميع الاخوة
عذراً على المقاطعه
نعم يمكنك
نعم اخوي بالطبع يمكنك عمل هذا عن طريق GET او POST فيمكنك ارسال اي متغير عن طريق اجاكس ولكن يجب ان تقرأ عن اجاكس وكيفية الاستخدام وهذا مثال بقائمة منسدلة لتبسيط المفهوم لكن اذا اردت احتراف اجاكس يجب ان تبدأ من المباديء .
الى الامام اخوي