كيف ممكن نربط هذه التقنية بـPHP و MySQL ؟

COSINUS · 08-01-2009, 10:34 PM

السلام عليكم
منذ مدة وأنا أبحث عن طريقة لدمج هذه الحركة
( رابط ) http://www.isocra.com/2008/02/table-...jquery-plugin/
بphp و MySQL حتى يمكنني تسجيل التغييرات التي أحدثها على الجدول في قاعدة البيانات.
هل من الممكن أن أقوم بتغيير ترتيب الأسطر في جدول عن طريق ]Drag and Drop و تسجيلها في قاعدة بيانات عن طريق البي أتش بي ؟
ممكن مساعدة ؟

سحاب اون لاين · 09-01-2009, 02:24 AM

كل هذه الحركات لها ما يسمي بالـ callback
أعني بذلك انك اذا قمت بازاحة الصف رقم 5 ووضعته اعلي الصفوف
حينها سيكون الـ callback الخاص بهذه الحركة وليكن 5=1
وعن طريق الاجاكس تقوم بارسال هذه القيمة الي صفحة للمعالجة
وهي التي ستقوم بتغيير مرتبة الصف الخامس الي الاول اعتماد علي القيمة المرسلة
والحمد لله السكربت الذي وضعته انت تقريبا يعطي callback
وظيفتك ان ترسل هذه القيمة الي صفحة المعالجة

للاسف اليوم يوم جمعة
ولولا ذلك كنت ساقوم برفع لك احد الملفات التي قمت بصنعها علي جهازي بالعمل

علي العموم يمكنك تحميل هذا السكربت
( رابط ) Graphics by Greg
واطلع علي ملفاته .. وستفهم الالية المتبعة جيدا
ويمكنك مشاهدة المثال الناتج من هنا
( رابط ) Scriptaculous 1.7 Sortables Ajax Example

ArabCoders · 09-01-2009, 11:07 AM

هذى الميزة تسبب ضغط على سيرفر MySQL، إذا كان لديك زوار كثار أنصحك بعمل زر تحديث في حال قام العضو او الزائر بتغير مكان العنصر، تضع زر مثل الحفظ لكي تخفف الضغط على الخادم

COSINUS · 09-01-2009, 10:37 PM

شكرا للمساعدة، أنا سأستعمل هذه التقنية في ترتيب الروابط في القائمة المنسدلة وهي خدمة خاصة بمدير الموقع وبالتالي لن يكون هنالك ضغط على السيرفر.
وقد بحثت وجرب العديد من الدروس منها هذا الدرس
( رابط ) Drag and drop rows with a little Php | NickLarson.com
وياريت لو واحد يحاول يطبقه ويخبرني إن اشتغل معاه أو لا لأنه لم يشتغل معي أبدا:
وبالنسبة للأخ سحاب اون لاين شكرا جزيلا على الرابط وجاري التطبيق وجزاكم الله خيرا

dnet · 09-01-2009, 11:56 PM

تقنية رائعة ولكن مشكلة إن كانت تسبب مشكلة على السيرفر

سحاب اون لاين · 10-01-2009, 12:37 AM

إقتباس:

المشاركة الأصلية بواسطة dnet

تقنية رائعة ولكن مشكلة إن كانت تسبب مشكلة على السيرفر

لا تسبب ضغط علي السيرفر بهذا الشكل حتي تغض الطرف عنها

COSINUS · 10-01-2009, 03:22 PM

شكرا أخ سحاب أون لاين لقد اشتغلت معي ولكن عندي رجاء من فضلك
هذا الكود يستخدم عدة صفحات ويرسل متغيرات من صفحة إلى أخرى عن طريق الأجاكس أريد إضافة متغير جديد لأكي أرسله بالأجاكس فكيف يمكنني فعل ذلك ؟
حيث أريد أن أرسل متغير بالأجاكس لكي يحدد لي أي جدول من جداول قاعدة بياناتي وبالتالي أستعمل نفس الكود ونفس الصفحات بدون تكرارها.
بارك الله فيك

EbNCaNa · 04:36 PM

اخوي كلشي ممكن وما في شي مستحيل ان شاء الله وتفضل هذه الطريقة باستعمال اجاكس من دون تحديث الصفحة وبدون اجهاد للسيرفر .

كود 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 قم بتنزيل المكتبة واضافتها من المواقع المرفقة وضمن ملفاتها باعلا الصفحة التي ستعمل الحركة بداخلها .

الى الامام اخوي

COSINUS · 10-01-2009, 06:18 PM

شكرا EbNCaNa على هذا المثال الذي أ‘جبني حيث يستخدم الجدول وهو ما يمكنني من توسيع استخداماتي لهذه التقنية غير أن عندي سؤال
هل يمكن إرسال متغيرات أخرى إلى ملف reorder.php غير التي وضعتها في الكود ؟
يعني هل يمكنني إرسال مثلا table_name$ مع sortlist ؟
أنتظر ردّك بفارغ الصبر
وبارك الله فيك وفي جميع الاخوة

aladawi · 10-01-2009, 07:26 PM

عذراً على المقاطعه
نعم يمكنك

EbNCaNa · 10-01-2009, 08:52 PM

نعم اخوي بالطبع يمكنك عمل هذا عن طريق GET او POST فيمكنك ارسال اي متغير عن طريق اجاكس ولكن يجب ان تقرأ عن اجاكس وكيفية الاستخدام وهذا مثال بقائمة منسدلة لتبسيط المفهوم لكن اذا اردت احتراف اجاكس يجب ان تبدأ من المباديء .

الى الامام اخوي