السلام عليكم ورحمة الله وبركاته متابعى وزوار مدونة أدسنر, فى هذا الموضوع سأتطرق معك إلى طريقة أستعمال وتركيب زر لإظهار وإخفاء النصوص والأكواد, وذلك عن طريق لغة " JQuery ".
وبالإمكان أستعمال هذا الزر داخل التدوينات كما سترى فى هذا الموضوع, وبالنسبة لأصحاب مدونات بلوجر فبإمكانهم أستعمال الكود داخل أدوات " HTML/JAVASCRIPT ", وهذا يتيح مجالاً أكبر للتحكم بالأدوات داخل مدونات بلوجر.
تعمل هذه الخاصية على أى كود برمجى أو نص أو محتوى, وبإمكانك التطوير من الزر إن كنت مبرمجاً وتجيد لغة " JQuery ", ووظيفة هذا الزر هى جعل المحتوى مختفى, بحيث لا يظهر إلا بعد الضفط على الزر, مثال :
طريقة الأستعمال :
1-قم بنسخ الكود التالى :
<button onclick="if(document.getElementById ('spoiler1') .style.display=='none') {document.getElementById('spoiler1') .style.display=''}else{document.getElementById ('spoiler1') .style.display='none'}" style="background: #da3838; border: 1px solid #282828; color: #ffffff; border-radius: 4px; padding: 5px 15px; font-family: JF Flat;" title="إضغط هنا لـ إظهار / إخفاء المحتوى" type="button">إظهار / إخفاء</button> <div id="spoiler1" style="display:none">
هنا تضع الكود أو النص المطلوب
<br /></div>
هنا تضع الكود أو النص المطلوب
<br /></div>
2-قم بأستبدال جملة " هنا تضع الكود أو النص المطلوب " بالكود أو النص المطلوب, وبالإمكان أستعمال هذا الكود على أكواد كبيرة أو سكربتات, ويتيح لك مجالاً واسعاً للتحكم بأى محتوى.
ليست هناك تعليقات:
إرسال تعليق