۱۳۹۰/۱۰/۸، ۰۷:۲۴:۴۱ صبح
نمایش و مخفی کردن Div با جاوا اسکریپت
استفاده از یک کد ساده جاوا اسکریپت می توانید دکمه ای ایجاد کنید که یک Div یا هر کنترل دیگر را در یک صفحه مخفی کند یا نمایش دهد.
اگر قبلا آن را مخفی کرده باشید، با کلیک روی آن دکمه آن را نمایش می دهد و با دوباره کلیک شدن روی آن دکمه Div مخفی خواهد شذ.
این کد برای طراحان وب بسیار پر کاربرد خواهد بود.
شما می توانید به تعداد دلخواه ID تعریف کنید و فقط روی آن دکمه ID دیو مورد نظر را صدا بزنید.
عکس زیر مربوط به یکی از پروژه هایی است که از این کد استفاده کرده ام و تولباری شبیه تولبار پایین فیس بوک درست کردم.
این کد ساده روی تمام مروگر ها نیز کار می کند و همچنین می توانید برای ساختن منو هایی درختی نیز از آن استفاده کنید.
Java Code
Html Code
استفاده از یک کد ساده جاوا اسکریپت می توانید دکمه ای ایجاد کنید که یک Div یا هر کنترل دیگر را در یک صفحه مخفی کند یا نمایش دهد.
اگر قبلا آن را مخفی کرده باشید، با کلیک روی آن دکمه آن را نمایش می دهد و با دوباره کلیک شدن روی آن دکمه Div مخفی خواهد شذ.
این کد برای طراحان وب بسیار پر کاربرد خواهد بود.
شما می توانید به تعداد دلخواه ID تعریف کنید و فقط روی آن دکمه ID دیو مورد نظر را صدا بزنید.
عکس زیر مربوط به یکی از پروژه هایی است که از این کد استفاده کرده ام و تولباری شبیه تولبار پایین فیس بوک درست کردم.
این کد ساده روی تمام مروگر ها نیز کار می کند و همچنین می توانید برای ساختن منو هایی درختی نیز از آن استفاده کنید.
Java Code
کد:
01.function zabet(mz) {
02. var item;
03. item = document.getElementById(mz);
04. if (item.style.display == "none") {
05. item.style.display = "inline";
06. }
07. else {
08. item.style.display = "none"
09. }
10.}
کد:
01.<div onclick="zabet('LeftDiv')">Button Show Hide</div>
02.<div style="display: none;" id="LeftDiv">Your Body</div>