:تنبية: تمنع الاعلانات في المنتدى وسيتم حذف أي اعلان !
   آخر المساهمات
أمس في 1:31 pm
4/17/2017, 2:47 pm
4/17/2017, 1:26 am
4/16/2017, 6:53 am
4/16/2017, 6:41 am
4/16/2017, 6:30 am
4/16/2017, 3:53 am

[HTML] طريقة أخفاء وأظهار محتوى

مؤسس المنتدى
avatar
البلـد/الاقامة : الكويت
مشاركات : 13865
الانتساب : 21/03/2010
معاينة صفحة البيانات الشخصي للعضو
    8/9/2012, 12:34 pm  
[HTML] طريقة أخفاء وأظهار محتوى

السلام عليكم ورحمه الله وبركاته
تحية طيبة اعزائي اعضاء وزوار حوف نت




كود اليوم بسيط ومهم هو عبارة عن كود HTML لاخفاء واظهار محتوى سواء كان كتابة او كود

اليكم الكود وكل ما علكم هو وضع المحتوى مكان كلمة "محتوى"


هذا يكون المحتوى مخفي ويظهر بعد الضغط:

الكود:

<a onclick ="javascript:ShowHide('HiddenDiv_1')" href="javascript:;" >اظهار/اخفاء</a><div id="HiddenDiv_1" style="DISPLAY: none" >

المحتوى هنا

</div>
<script language="JavaScript">function ShowHide(divId){if(document.getElementById(divId).style.display == 'none'){document.getElementById(divId).style.display='block';}else{document.getElementById(divId).style.display = 'none';}}</script>

وهذا يكون المحتوى ظاهر ويختفي بعد الضغط:

الكود:

<a onclick ="javascript:ShowHide('HiddenDiv_1')" href="javascript:;" >اخفاء/اظهار</a><div id="HiddenDiv_1">

المحتوى هنا

</div>
<script language="JavaScript">function ShowHide(divId){if(document.getElementById(divId).style.display == 'none'){document.getElementById(divId).style.display='block';}else{document.getElementById(divId).style.display = 'none';}}</script>

اتمنى الشرح واضح وبالتوفيق


ابو مازن

مؤسس المنتدى
avatar
البلـد/الاقامة : الكويت
مشاركات : 13865
الانتساب : 21/03/2010
معاينة صفحة البيانات الشخصي للعضو
    8/9/2012, 12:56 pm  
كمثال... الان قمت باستخام الكود لأخفاء واظهار آخر المواضيع ويمكنكم تجربتة
عضو ملكي
avatar
البلـد/الاقامة : مصر
مشاركات : 4127
الانتساب : 04/03/2012
العمر : 29
معاينة صفحة البيانات الشخصي للعضو
    8/9/2012, 4:10 pm  
ايئه الحلاوةدي بس نفسي تصمم المجلة بئه يا ابو مازن
مؤسس المنتدى
avatar
البلـد/الاقامة : الكويت
مشاركات : 13865
الانتساب : 21/03/2010
معاينة صفحة البيانات الشخصي للعضو
    8/9/2012, 11:23 pm  
تسلم احمد على المرور الطيب

بالنسبة للمجلة فهي لا تناسبنا لكن عندي شي آخر بعد شهور بكشفة
عضو نشيط
البلـد/الاقامة : مصر
مشاركات : 41
الانتساب : 18/04/2013
معاينة صفحة البيانات الشخصي للعضو
    5/26/2013, 1:16 am  
شكرا

[HTML] طريقة أخفاء وأظهار محتوى

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

صفحة 1 من اصل 1
منتديات حوف نت :: حوف نت للـتــقـنـيــة :: تطوير المواقع والمنتديات :: أكواد (هاكات) من تطوير حوف نت [حصرية]

حفظ البيانات | نسيت كلمة السر؟