[ 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
معدل النشاط : 38634
السُمعة : 104

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

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


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