عالم الاندرويد



 
» شعار جامعة ام القرى الرسمي شفاف بدون خلفية الجديد للتصميم روعه
من طرف Next PS الخميس مارس 07, 2013 7:36 pm

» صيام الايام البيض لهذا الشهر صفر 1433
من طرف صادق صدوق الثلاثاء ديسمبر 25, 2012 6:17 pm

» وضع رسالة ورؤية مشتركة
من طرف admin الثلاثاء نوفمبر 27, 2012 6:34 pm

» تجريبةتجريبةتجريبةتجريبةتجريبة
من طرف admin الإثنين نوفمبر 26, 2012 7:34 pm

» اوصف الي قبلك بكلمه.....
من طرف admin الأحد نوفمبر 25, 2012 8:17 pm


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

الأحد أكتوبر 07, 2012 11:36 pm
avatar
  • K!M0
  • عضو متميز
  • الجنس : ذكر
  • عدد المساهمات : 73
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أهلا بمرتادي شركة أحلى منتدى من كل صوب
يسرنا أن نضع بين أيدكم كود جافا سكريبت يُمكّن أعضاء منتدياتكم من إظهار وأخفاء صندوق الرد على المواضيع بضغطة زر
صورة لعمل الكود قبل إظهار الصندوق : هنا
صورة لعمل الكود بعد إظهار الصندوق : هنا


الآن الكود ،، وهو بنقسم إلى قسمين الأول 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);
 }
 }
**مع العلم أن تفعيل عمل الكود يجب أن يكون مقتصراً على المواضيع فقط **

شكراً لكم

إكتب تعليقك