منتديات حوف نت
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


المنتدى الرسمي لمديرية حوف محافظة المهرة / منتدى متميز عن المنتديات لكل العرب.
 
الرئيسيةمعرض صور حوفأحدث الصورالتسجيلدخول

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

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

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

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


كود اليوم بسيط ومهم هو عبارة عن كود 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>

اتمنى الشرح واضح وبالتوفيق [HTML] طريقة أخفاء وأظهار محتوى  957708


ابو مازن

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

بالنسبة للمجلة فهي لا تناسبنا لكن عندي شي آخر بعد شهور بكشفة
Mahmoud alzamalkawy
عضو نشيط
avatar
البلـد/الاقامة : مصر
مشاركات : 41
الانتساب : 18/04/2013
   [HTML] طريقة أخفاء وأظهار محتوى  Clock110 5/26/2013, 1:16 am  
شكرا

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

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

مواضيع مماثلة

-
» [HTML] طريقة وضع صورة في أي مكان في الموقع
» الكشف عن محتوى طرد عمره 100 عام !!
» [HTML+CSS] كود ملاحظات واعلانات حوف نت [حصريا]
» سكربت محتوى إسلامي شغال بدون تنصيب
» [JavaScript] كود أخفاء واظهار صندوق الرد السريع [حصريا]

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

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