tabib_m
شنبه 02 تیر 1386, 08:44 صبح
به این کد نگاه کن:
<script>
function clicked(){
if(document.getElementById('divId').style.display= ='none'){
document.getElementById('divId').style.display='';
}else{
document.getElementById('divId').style.display='no ne';
}
}
</script>
<a href="javascript: clicked();"> + </a>
<div id="divId" style="display: none;">
Barnamemenvis
</div>
کار document.getElementById('theId') اینه که به شیئی که آی دی اون theId هست، در صفحه اشاره میکنه.
کار style="display: none;" هم اینه که محتویات تگ مربوطه رو ناپدید میکنه.
حالا بنا بر رویداد کلیک تگ a ای که اینجا هست، تابعی که در بالا ساخته شده (clicked) فراخوانی میشه.
کار این تابع هم فکر کنم دیگه واضح باشه. ابتدا چک میکنه که آیا مقدار display از خصوصیت style برابر با none هست یا نه. در صورت پاسخ مثبت ، این مقدار به "" تغییر مقدار پیدا میکنه و در نهایت اون div دوباره مرئی میشه. و در صورت پاسخ منفی، این مقدار به "none" تغییر پیدا میکنه و div دوباره نامرئی میشه.
حالا شما هر جور منویی داشته باشی، میتونی بر اساس رویدادهای مختلف، از این قاعده کمک بگیری.
اصل قضیه همینه. اگر هم می بینی که کدهای مفصلی برای این جور کارها نوشته شده ، برای یک سری زیبایی ها و ... هست ، اگر نه نیازی به کدی بیشتر از این نیست.
امیدوارم متوجه قضیه شده باشی
موفق باشید.