ورود

View Full Version : مشکل این کد


olampiad
سه شنبه 23 مهر 1392, 10:25 صبح
سلام
مشکل این کد چیه؟
موقعی که صفحه بالا اومدنی کار می کند

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>
<script type="text/javascript">
document.getElementById('ok').onclick=yes()
function yes(){
alert('')
}
</script>
</head>
<body>
<div id="ok" style="background:#999; width:500px; height:100px;">
</div>
</body>
</html>


موقعی هم که روش کلیک می کنیم کار نمی کند.
ممنون
olampiad
سه شنبه 23 مهر 1392, 11:12 صبح
مشکل این کد چیه؟

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>
<script type="text/javascript">
document.getElementById('yes').write('ok');
</script>
</head>
<body>
<div id="yes" style="background:#999; width:500px; height:100px;">
</div>
</body>
</html>
Javidhb
سه شنبه 23 مهر 1392, 11:12 صبح
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>

</head>
<body>
<div id="ok" style="background:#999; width:500px; height:100px;">
</div>

<script type="text/javascript">
(function(){
document.getElementById('ok').onclick = yes;
})();

function yes(){
alert('')
}

</script>
</body>
</html>


بهتره:
1. اسکریپتها همیشه آخر فایل و دقیقا قبل از <body/> باشه.
2. با استفاده از فانکشن زیر به برنامه میفهمونید که صبر کنه تا همه اجزای صفحه لود بشن و بعد محتویات تابع اجرا بشه:


(function(){
//بقیه کدها
})();
olampiad
سه شنبه 23 مهر 1392, 11:38 صبح
سلام
ببخشین تازه می خوام java script یاد بگیرم.
کمی مشکل دارم.
مشکل این کل چیه.
می خوام موقعی که روی شی کلیک می شه رنگش عوض شه.
ممنون

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>
</head>
<body>
<div id="ok" style="background:#999; width:500px; height:100px;">
</div>
<script type="text/javascript">
(function(){
document.getElementById('ok').onclick=yes;
})();
function yes(){
this.bgColor='red'
}
</script>
</body>
</html>
Javidhb
سه شنبه 23 مهر 1392, 12:21 عصر
(function(){
document.getElementById('ok').addEventListener('cl ick', function(){yes(this)});
})();

function yes(element){
element.style.backgroundColor = 'red';
}


باید قبل شروع کردن با مثالهای عملی ... با مبانی جاوااسکریپت آشنا بشید.
از اینجا شروع کنید: http://www.w3schools.com/js/default.asp
مختصر و مفید یاد داده .. شما هم با jquery قبلا کار کردی... زود تسلط پیدا میکنی.