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

اذهب الى الأسفل

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

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

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

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


الآن الكود ،، وهو بنقسم إلى قسمين الأول 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
أحلى منتدى
[ JS ] إظهار / إخفاء صندوق الرد 849163
Lord-adoain
Lord-adoain
 
 

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

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

الرجوع الى أعلى الصفحة


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