احلي بيت




تحميل برامج, تصميم صور وعروض اشراف ومسابقات, ومعلومات عامة, اسلاميات, معاني الاسماء
 
الرئيسيةالبوابةس .و .جبحـثالتبادل الاعلانيالتسجيلدخول
أهلا بك من جديد يا http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gifزائر http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gif آخر عضو مسجل http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gif naz http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gifفمرحباً به

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
A7labeet

avatar

انثى
عدد المساهمات : 11990
تاريخ التسجيل : 20/05/2010





http://a7labeet.ba7r.org
مُساهمةموضوع: [ JS ] إظهار / إخفاء صندوق الرد   الأحد 19 يوليو 2015, 12:32 pm

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


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

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













لمراسلة الادارة اتصل بنا واضغط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



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

avatar

ذكر
عدد المساهمات : 60
تاريخ التسجيل : 10/08/2015
العمر : 18


مُساهمةموضوع: رد: [ JS ] إظهار / إخفاء صندوق الرد   الخميس 13 أغسطس 2015, 11:32 am

موضوع رائع وقيم
جزاك الله خير
وبارك الله فيك ع الطرح المتميز
دمت بحفظ الرحمن
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[ JS ] إظهار / إخفاء صندوق الرد
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
احلي بيت :: أكــــواد للمنـــتديات :: أكواد الجافا إسكريبت JAVA-