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

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


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

[ JS ] إظهار / إخفاء صندوق الرد

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

تم الحل [ JS ] إظهار / إخفاء صندوق الرد

مُساهمة من طرف Lord-adoain في الخميس 26 يوليو 2012 - 6:50

[ JS ] إظهار / إخفاء صندوق الرد
[ JS ] إظهار / إخفاء صندوق الرد


أهلا بمرتادي شركة أحلى منتدى من كل صوب
يسرنا أن نضع بين أيدكم كود جافا سكريبت يُمكّن أعضاء منتدياتكم من إظهار وأخفاء صندوق الرد على المواضيع بضغطة زر
صورة لعمل الكود قبل إظهار الصندوق : هنا
صورة لعمل الكود بعد إظهار الصندوق : هنا


الآن الكود ،، وهو بنقسم إلى قسمين الأول CSS وهذا هو :
الكود:
#quick_reply {
 display: none;
 }
يوضع الكود في : لوحة الإدارة ==> مظهر المنتدى ==> الوان ==> ورقة تصميم CSS

والقسم الثاني هو كود الجافا سكريبت :
الكود:
$(function() {
 $('#quick_reply').before('<div style="text-align: center;"><input onclick="qr_cookie();" value="Toggle Quick Reply" style="text-align: center;" type="button"></div>
 ');
 
 if (my_getcookie('quick_reply')) {
 document.getElementById('quick_reply').style.display = my_getcookie('quick_reply');
 }
 
 });
 
 
 function qr_cookie() {
 if (document.getElementById('quick_reply').style.display != 'block') {
 document.getElementById('quick_reply').style.display = "block";
 var a = document.getElementById('quick_reply').style.display;
 my_setcookie('quick_reply', a, false);
 } else {
 document.getElementById('quick_reply').style.display = "none";
 var a = document.getElementById('quick_reply').style.display;
 my_setcookie('quick_reply', a, false);
 }
 }
وطريقة وضعه : إضغط هنا
**مع العلم أن تفعيل عمل الكود يجب أن يكون مقتصراً على المواضيع فقط **

شكراً لكم
Lord-adoain
أحلى منتدى

avatar
Lord-adoain
 
 

ذكر
عدد المساهمات : 40312
معدل النشاط : 38359
السُمعة : 104

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

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


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