|
[Ajax] لمســـة جمــآلية للمنتدى عرض الاقسام بتقنية الاجاكس شرح كامل بالصور السلام عليكم ورحمة الله وبركاته ان شاء الله الجميع بخــير اليوم موعدنا شوي مع الاجاكس أول شيء المثال اترك الصفحة تحمل براحتها وتمسكهاش رعص على الاقسام قبل نهاية تحميل الصفحة كليا :nosweat: http://www.univ-dz.net/forums/index.php?styleid=8 عجبك ||| ~~~~ يعني تكمل معنا ~~~~|||||| الخطوة 1 رفع الملفات من مجلد upload مجلد tab -> ــ clientscript/tabs/ ملف tabforumhome.php->مجلد المنتدى الرئيسي ثانيا من لوحة التحكم -> Product الهاكات Plugins ->تنزيل / رفع الإضافات Plugins قم بستيراد الملف tfh-wol-plugins.xml تراه Plugins وليس Product شوف اخي قبل ما نعمل اي تعديل انصحك تاخذ نسخة احتياطية من كل قالب نقوم بتعديله هي 3 قوالب مش اكثر اول شيء اختر الاستايل لي بدك تعمل عليه الاجاكس نبدا عالبركة نفتح قالب forumhome ونقوم بالبحث على رمز PHP: http://www.univ-dz.net/forums/forums/images/sher7/1.png نضيف فوقه رمز PHP: ثانيا نبحث عن رمز PHP: اعمل سلكت من بداية الوسم الى نهايته وق بحفظه فملف نصي باسم FORUMHOMETAB.txt (نحتاج الكود هذا بعدين ) الصورة http://www.univ-dz.net/forums/images/sher7/2.png الان استبدل الكود المحدد بهذا الكود رمز PHP: forum name var mytabs=new ddajaxtabs("ajaxTFH", "ajaxTFH*******area") mytabs.setpersist(true) mytabs.setselectedClassTarget("link") mytabs.init() http://www.univ-dz.net/forums/images/sher7/3.png خطوة 4.1 تعديل قالب forumhome_forumbit_level1_post http://www.univ-dz.net/forums/images/sher7/7.png اظف اعلى القالب الكود التالي رمز PHP: واظف اسفل القالب رمز PHP: خطوة 4.2 تعديل قالب forumhome_forumbit_level1_nopost http://www.univ-dz.net/forums/images/sher7/6.png اظف اعلى القالب الكود التالي رمز PHP: واظف اسفل القالب رمز PHP: انتهينا من التعديل :tears: </div></div> والمحتوى هو الكود لي قمنا بحفضه فالملف النصي </span></span> </div> </div></div> لو تلاحظ معي عزيزي هذا الكود رمز PHP: forum name فمكان IDforum حط رقم القسم مثال قسم تطوير المنتديات http://traidnt.net/vb/forumdisplay.php?f=9 اذا ID هذا القسم في ترايدنت هو 9 بسيطة الفكرة في مكان forum name حط اسم القسم مثلا قسم تطوير المنتديات يصير الكود هيك رمز PHP: قسم تطوير المنتديات الحين كله تمام باقي تعمل كوبي كولي للكود لكل قسم لاني فالمثال حاط قسم واحد فقط بسيطة كوبي كولي وبعدها غير رقم القسم واسم القسم فقط لمحـــه طيب لو بدك تعرض اكثر من قسم في tab واحد مثلا بالاضافة الى قسم تطوير المنتديات بدي احط معه قسم قسم تطوير المواقع فقط اضف tabcat[]=idforum& اخرى الى الرابط مثال اذا كان اي دي قسم تطوير المواقع هو 10 الكود بيصير رمز PHP: القسم الجديد فهمت الفكرة < فقط تاخذ رقم القسم وتضيف tabcat[]=idforum& فكل مرة وبكذا تقدر تحط المنتدى كله تحت tab واحد > طيب حبيبي وش باقي الحين امممم لي ما تعجبهم الالوان تقدر تغيرها من ملف css طبعا الصورة بعد لاني مغيرها تقدر تغيرها حسب ذوقك فائدة العملية طبعا العملية جيدة جدا لتسريع المنتدى لان وضيفة الاجاكس الفعلية هي no-******* لا تحديث للصفحات واخيرآ لمســه جمالية للمنتدى عندك تقدر مثلا تعرض كل الاقسام في tab وتحط امور اخرى فباقي tab ودي يبيلها تعديل على القسم وهذه يمكن استعمالها مع الشرط if لرقم المنتدى ........ فكرة فقط انا مالي خبرة كبيرة بها العمل طبعا مجهود شخصي قد اخطئ وقد اصيب اي استفسار ان شاء الله موجودين وفالاخير اصلي واسلم على هادي الامم وحبيب القلوب محمد عليه افضل الصلاة وازكى التسليم</div> الملفات المرفقة http://www.traidnt.net/vb/images/attach/zip.gif ajax tab forums 1.5.zip (429.4 كيلوبايت) |
| الساعة الآن 09:02 AM |
[ vBspiders.Com Network ]