![[ JS ] إظهار / إخفاء صندوق الرد Ouuo_u10](https://2img.net/h/www.mjug.org/wp-content/uploads/2011/11/ouuo_u10.jpg)
![[ JS ] إظهار / إخفاء صندوق الرد Empty](https://2img.net/i/empty.gif)
يسرنا أن نضع بين أيدكم كود جافا سكريبت يُمكّن أعضاء منتدياتكم من إظهار وأخفاء صندوق الرد على المواضيع بضغطة زر
صورة لعمل الكود قبل إظهار الصندوق : هنا
صورة لعمل الكود بعد إظهار الصندوق : هنا
الآن الكود ،، وهو بنقسم إلى قسمين الأول CSS وهذا هو :
![[ JS ] إظهار / إخفاء صندوق الرد 50886](https://2img.net/u/3214/12/58/77/smiles/50886.gif)
صورة لعمل الكود قبل إظهار الصندوق : هنا
صورة لعمل الكود بعد إظهار الصندوق : هنا
الآن الكود ،، وهو بنقسم إلى قسمين الأول 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);
}
}**مع العلم أن تفعيل عمل الكود يجب أن يكون مقتصراً على المواضيع فقط **
![[ JS ] إظهار / إخفاء صندوق الرد 45891](https://2img.net/u/3214/12/58/77/smiles/45891.gif)
