PDA

View Full Version : مبتدی: کار نکردن کدهای موجود در فایل جاوا اسکریپت لینک شده به صفحه


morteza1376
یک شنبه 31 مرداد 1395, 18:29 عصر
سلام دوستان
خسته نباشید
من یه مشکلی دارم : وقتی یه تیکه از کد جاوا اسکریپتو توی فایل .js ذخیره می کنم کد مربوط به alert اجرا میشن اما کد های مربوط به function اجرا نمیشن و حتما باید توی یه اسکریپت جداگانه توی قسمت head باشن
اینم کدش که برا رویداد div هست




function mouseleave(id) {


if (document.getElementById){
obj = document.getElementById(id);
if (obj.style.display == "none"){
obj.style.display = "";
} else {
obj.style.display = "none";
}
}
}





مشکل چیه؟
مرسی
Moien Tajik
یک شنبه 31 مرداد 1395, 20:15 عصر
احتمالا کدهای function رو بعد از کدهای html قرار دادید که باید تو head قرارشون بدید . اون document.getElementById توی if چیه ؟!
نمونه آنلاین و کامل قرار بدید تا بهتر راهنماییتون کنن .
SCoder
دوشنبه 01 شهریور 1395, 01:33 صبح
اون document.getElementById توی if چیه ؟!

واقعا اون دیگه برای چیه ؟ :متفکر:

اون یه استاندارده w3c هست دیگه نیاز به چک کردن برای وجودش نیست !!
morteza1376
دوشنبه 01 شهریور 1395, 10:29 صبح
واقعا من خودم هم دقیقا نمیدونم هر چی سعی کردن بفهمم که این چه شرطیه که تو دستور if گذاشتن نفهمیدم
من این کدو از این سایت کپی کردم : http://aftab.cc/tutorial/349
چطور از تو فایل js تعیین کنیم کد ها کجا قرار بگیرن؟
راستی دوستان ببخشید این تیکه کد return(false) چیه؟
ممنون
SCoder
دوشنبه 01 شهریور 1395, 11:25 صبح
فکر کنم اومده توی Head کد های جاوااسکریپت رو قرار داده بعدش با اون حرکت عجیب خواسته مطمئن بشه که Dom آماده است ولی return false برای اینه که ینی این لینک فقط این تابع رو انجام بده بعدش دیگه default behavior خود لینک که رفتن به یه آدرس دیگه است رو صرفنظر کن به بیان ساده ینی اینکه لینک تابع رو انجام دادی دستت درد نکنه همین کافیه ....
اینجوری یکم بهتره :





<head>


<script>
function togglable(linkId,destId){
var dest = document.getElementById(destId);// this is destination for toggle in this case div with id script
document.getElementById(linkId).addEventListener(' click',function(e){
e.preventDefault();
dest.style.display = dest.style.display === 'none' ? '' : 'none';
});
}


// when dom is ready
document.addEventListener("DOMContentLoaded",function(){
togglable('toggle','script');
});


</script>


</head>


<a href="#" id = 'toggle'>نمایش/مخفی</a>


<div style="display: none;" id="script">
این قسمت، مخفی و آشکار می شود
</div>






موفق باشید ...