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

من طرف Lord-adoain 26/07/12, 12:50 am

[ 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
أحلى منتدى