/ در آموزش جاوا, آموزش ها, اشتراک رایگان / توسط
آخرین زمان ویرایش:

کد جاوا اسکریپت برای مخفی و ظاهر کردن عناصر سایت

در ادامه مطلب همراه ما باشید

توسط این تکه کد می توانید عنصر و یا مجموعه ای از عناصر HTML که در صفحه وب شما وجود دارد را با کلیک روی یک دکمه یا لینک مخفی و مجددا نمایان کنید. اینکار به صورتtoggle انجام میشود. به این معنی که اگر عنصر مخفی بود نمایان شود و اگر نمایان بود مخفی شود. اگر می خواهید دسته ای از عناصر را مخفی و ظاهر کنید باید آنها را داخل یک عنصر نگهدارنده مانند div قرار داده و با استفاده از خصیصه id مربوط به عنصر نگهدارنده، این کد را بر روی آن اعمال کنید.

پس از قرار دادن این تابع جاوااسکریپت، نیاز به لینک و یا عنصری داریم که با کلیک کردن روی آن، تابع فراخوانی شده و عنصر مورد نظر مخفی (hide) و نمایان (Show) شود. تابع جاوااسکریپت را در بخش <head> صفحه قرار می دهیم و آنرا توسط رویداد کلیک یک لینک فراخوانی می کنیم:


<a href=”#” onclick=”toggle_visibility(‘foo’);”>Click here to toggle visibility of element #foo</a>
<div id=”foo”>This is foo</div>

 

نوشته های مشابه

قرینه کردن تصاویر وب سایت با استفاده از CSS

 در ادامه مطلب همراه ما باشید (بیشتر…)

 ممبر تضمینی تلگرام کانال تلگرام داده باران شارژ آنلاین

نظری بدهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

2 × 1 =