منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

(JAVASCRIPT)كود اضافة زر رد سريع في الموضوع ***Mohamed Nsr

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

(JAVASCRIPT)كود اضافة زر رد سريع في الموضوع ***Mohamed Nsr

مُساهمة من طرف Mohamed Nsr في السبت 14 يونيو 2014 - 19:02

بسم الله الرحمن الرحيم
السلام عليكم اخواني واخواني
اليوم اتيت اليكم بكود جميل جدا الا وهو اضافة زر في رأس الموضوع بجوار ازرار (تعديل-اقتباس-اقتباس متعدد)
اولا:وظيفة هذا الزر عند الضغط عليه سيضع رد مباشر (وانتا الذي ستحدد الرد السريع سواء كان "شكرا وغيرها"

صوره للكود
قبل الضغط على الزر الخاص بالرد السريع

سنلاحظ زر كلمة شكر عند الضغط عليه سيضع رد سريع ومباشر
صورة بعد الضغط على الزر



ثانيا:طريقة وضع الكود
لوحة الاداره>>عناصر اضافية>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>انشاء كود جديد>>

العنوان * :كود الرد السريع(او حسب اخيارك)

أضف الكود الى :جميع الصفحات

كود Javascript * :
الكود:
$(function() {
                var url_img = "http://illiweb.com/fa/fdf_ar3/merci.png";
                var version = "phpbb3";
                var message = "بارك الله فيك";
            
               switch (version) {
                    case 'phpbb2':
                    var idi = '.post-options';
                    var addLi = closeLi = '';
                    break;
                    case 'phpbb3':
                    var idi = '.profile-icons';
                    var addLi = '<li>';
                  var closeLi = '</li>';
                    break;
                    case 'punbb':
                    var idi = '.post-options';
                    var addLi = closeLi = '';
                    break;
                    case 'invision':
                    var idi = '.posting-icons';
                    var addLi = '<li>';
                  var closeLi = '</li>';
                    break;
                }
            
               $(idi).first().prepend(addLi+'<img src="'+url_img+'" alt="Merci" id="mercipost" />'+closeLi);
                $('#mercipost').click(function() {
                    $('#quick_reply textarea').val(message);
                    $('input[name="post"]').click();
                });
            });
ثم سجل


ملاحظات بخصوص الكود :
1-عليك بتغيير var version = "phpbb3" بدلا من phpbb3 بنسخة منتداك ايا كانت
سواء كانت phpbb2,,punbb,,invision (وطريقة معرفة نسخة منتداك:لوحة الاداره>>مظهر المنتدى>>التصاميم>>اختيار التصميم>>النسخة>>وستجد نسخة منتداك)
2-يمكنك تغيير رابط صورة الزر من خلال التالي تغيير رابط الصور التالية
http://illiweb.com/fa/fdf_ar3/merci.png
بما تريد
3-يمكنك ايضا تغيير الرد الذي سيوضع بعد الضغط على الزر من خلال"بارك الله فيك"




منقول للافادة
وبهذا نكون انتهينا من شرح الكود التالي
بالتوفيق ليكم
MoHaMeD NsR
فريق المساعدة

تحياتي
 مع التحية 




 أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
 تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
 لا يتم المساعدة على الخاص! 


avatar
Mohamed Nsr
احلى إدارة
احلى إدارة

ذكر
عدد المساهمات : 13558
معدل النشاط : 13065
السُمعة : 452

https://www.egylive.org/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى