كود جافا سكربت [ JS ] لإضافة زر لإظهار و إخفاء صندوق الرد السريع

الجمعة 03 مايو 2013, 1:29 am

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

الآن الكود ،، وهو بنقسم إلى قسمين الأول 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); } }

**مع العلم أن تفعيل عمل الكود يجب أن يكون مقتصراً على المواضيع فقط **

أى استفسار برجاء عدم التردد بالطلب