Printable View
سلام من سه تا سوال در مورد جاوا اسکریپت داشتم
من در رویداد onkeydown یک div یک تابع رو صدا زدم حالا می خوام کد کلیدی که زده شده رو به تابع بفرستم
اما نمی دونم چه جوری؟
وقتی رویداد رو صدا می زنم می خوام مقدار left & top مربوط به div رو هم بگیرم اما بهم null می ده
current_top=document.getElementById("div_img").sty le.top
اما اگر اول به left & top مقدار بدم بعد مقدارشون رو بگیرم مشکلی نیست و مقدار رو نشون می ده
و سوال آخر اینکه تابعی که مقدار عددی یک رشته رو نشون بده در جاوا اسکریپت چیه؟
سلام
یه کد ساده نوشتم که باهاش میشه مشخص کرد که چه دکمه ای زده شده (کد دکمه رو بر میگردونه) البته باید div اول فوکوس بگیره تا رویدادش کار کنه! توی فایر فوکس 3 کار نکرد دلیلش رو دقیقاً نمیدونم اما با المنتهای فرم درست کار میکنه! اما با IE و اپرا مشکلی نداره. باید width و height هم داشته باشه وگرنه کار نمیکنه!
توی همون تابع مربوط به رویداد مختصات top و left المنت هم مشخصه!
[html]
<!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>js test</title>
<script type="text/javascript">
function AlertEvent(obj, sKey) {
var msg = "";
msg += "keyCode : " + sKey + "\n";
msg += "top : " + obj.offsetTop + "\n";
msg += "left : " + obj.offsetLeft + "\n";
alert(msg);
}
</script>
</head>
<body>
<div onkeydown="AlertEvent(this, event.keyCode)" style="width:200px; height:200px;">DIV CONTENT</div>
</body>
</html>
[/html]
در مورد سوال سوم هم میتونید از تابع parseInt استفاده کنید.برای مقادیری که قابل تبدی شدن به عدد باشن integer بر میگردونه، در غیر این صورت NaN برمیگردونه
سلام واقعا ممنون مشکلم به شدت حل شد
اما توی fier fox اصلا اجرا نمی شه اصلا رویداد های key اجرا نمی شن
حالا این رو چه کار کنم؟
و اینکه من این کد رو نوشتم برای حرکت دادن یک عکس اما ببنید این عکس رو وقتی حرکت می دم زیر select می یفته هر چی z_index رو هم تغییر می دم بازم زیر select می یفته
اگر این مشکل من رو حل کنید واقعا ممنون می شم چون من قبلا هم این مشکل رو داشتم
اینک کدش:
ببخشید اگرکدش طولانیهکد:<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
#div_body{
width:750px;
float:left;
background-color:#999933;
}
#div_img{
left:200px;
top:200px;
position:absolute;
z-index:100;
}
</style>
<script type="text/javascript">
step=20
function move(obj,code)
{
//
new_top=obj.offsetTop;
new_left=obj.offsetLeft;
switch (code)
{
case 38://up
if(new_top<step) new_top=0
else new_top=new_top-step
break
case 40://down
new_top=new_top+step
break
case 37://left
if(new_left<step) new_left=0
else new_left=new_left-step
break
case 39://right
new_left=new_left+step
break
}
document.getElementById("div_img").style.left=new_left
document.getElementById("div_img").style.top=new_top
}
</script>
<body>
<div id="div_body">
<form action="" method="get">
<table width="100%" border="0">
<tr>
<td>Name:</td>
<td><input type="text" name="textfield2" /></td>
</tr>
<tr>
<td>City</td>
<td><select name="select">
<option value="1">aaaaaaaaa</option>
</select></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Submit" /></td>
</tr>
</table>
</form>
<div id="div_img" onkeydown="move(this,event.keyCode)">
<img src="holiday08_1.gif" alt="picture"/>
</div>
</div>
</body>
</html>
سلام
یه سوال دارم یه کم بی ربطه ولی خواستم تو یه قسمت javascript بنویسم. استفاده از کدهای java در طراحی صفحات مشکلی ایجاد نمی کنه؟ منظورم اینه که همه مرورگرها می تونند آن رو اجرا کنند ؟ چون تو حالت preveiw برای دیدنش تو internet explorer باید قسمت popup رو غیر فعال کرد. می خوام ببینم اگه از این کدها تو صفحه استفاده کنم ممکنه هر بیننده ای نتونه اون رو ببینه؟
بله خوب ممکنهنقل قول:
اما از اونجایی که جاوا اسکریپت client side هست برای یه سری کارها خیلی استفاده می شه
سلام
من کد شما رو یه کم دستکاری کردم تا توی همه مرورگرها اجرا بشه. شاید زیاد اصولی نشده باشه ولی کار میکنه!
اما نتونستم گزینه های لیست رو بفرستم زیر! به نظرم اگر نشه کاراهی پیدا کرد بهترین روش اینه که لیست رو با استفاده از div و چند تا لینک جاوا اسکرپتی شبیه سازی کرد!
[html]
<!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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#div_body {
width:750px;
float:left;
background-color:#993;
}
#img {
position:absolute;
left:200px;
top:200px;
z-index:100;
width:210px;
height:210px;
background:#fff url(image.gif) center center no-repeat;
border:none;
color:#FFF;
cursor:crosshair;
}
</style>
<script type="text/javascript">
step=20
function move(obj,code) {
new_top=obj.offsetTop;
new_left=obj.offsetLeft;
switch (code)
{
case 38://up
if(new_top<step) new_top=0
else new_top=new_top-step
break
case 40://down
new_top=new_top+step
break
case 37://left
if(new_left<step) new_left=0
else new_left=new_left-step
break
case 39://right
new_left=new_left+step
break
}
document.getElementById("img").style.left=new_left + "px"
document.getElementById("img").style.top=new_top + "px"
}
</script>
</head>
<body>
<div id="div_body">
<form action="" method="get">
<table width="100%" border="0">
<tr>
<td>Name:</td>
<td><input type="text" name="textfield2" /></td>
</tr>
<tr>
<td>City</td>
<td><select name="select">
<option value="1">aaaaaaaaa</option>
</select></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Submit" /></td>
</tr>
</table>
</form>
<input type="text" id="img" onkeydown="move(this,event.keyCode)" readonly="readonly" />
</div>
</body>
</html>
[/html]
سلام
ممنون
چه جور می شه لیست رو با div شبیه سازی کرد ؟
می شه توضیح بدید؟
این یکی از باگ‌های مرورگرهاست. فکر کنم فقط IE همچین مشکلی داره، ولی راه حل ساده‌ش اینه که عناصر فرمت رو قبل از اون عنصر divت تعریف کنی. یه چیز دیگه، همه‌ی عناصری که قراره z-index داشته باشن باید مقدار positionشون absolute یا relative باشه. اینجا فکر میکنم چون اون عنصر select همچین خاصیتی نداره اینجوری میشه.نقل قول:
الان نمیتونم کدش رو بنویسم ولی این به ذهنم میرسه که فکر میکنم کار کنه:نقل قول:
میتونید یک تکست باکس بزارید برای گرفتن مقدار گزینه ها اما به صورت readonly که نشه مستقیم توش نوشت بعدش همه گزینه های لیست رو بزارید توی یک div نامرئی که با کلیک بر روی تکست باکس مرئی بشه و با کلیک بر روی هر کدوم از المنتهای لیست مقدار موبوط به اون گزینه به عنوان مقدار تکست باکس وارد بشه!
با تغییر مقدار تکست باکس یا با حذف فوکوس از گزینه ها هم باید دوباره لیست نامرئی بشه!
در هر حال من اگه بخوام یه لیست با جاوا اسکرپت بسازم همینطوری عمل میکنم حالا با یه کم تغییر :31:
یه کم روش کار کنید اگه به دردتون خورد و جایی مشکل داشتید مطرح کنید تا با هم حلش کنیم (این مسئله توی تاپیک جدا بحث بشه بهتره)