راهنمایی: مشکل در کد جاوا اسکریپت

سلام! :20:

یه کد نوشتم برای حرکت دادن یه عکس - ولی مشکل داره.

یعنی وقتی مستقیم آیدی رو به تابع پاس میدم درست کار میکنه ولی وقتی از this استفاده میکنم ارور میده...

کد:

---

html:
<img src="MySite_head_left.jpg" id='jj' style="position:absolute" onclick="move_me(this)"/>

javascript:
var frame = 0;


function move_me(e){
        //var e = document.getElementById('jj');
       
        if (frame++ < 20) {
            e.style.left = (10 * frame) + "px";
            setTimeout("move_me()", 50);
          }
}


Error: 'style' is null or not an object

---

ممنون میشم اگه بگید بره چی ارور میده.
سپاسگزارم!
موفق باشید :11:

مشکل شما بيشتر مربوط به نحويه فرخواني تابع مي باشد شما براي اولين بار تابع رو با ارسال يک پارامتر فراخوني مي کنيد ولي براي دفعه بعد براي فرخواني تابع از دستور timer استفاده مي کنيد که هيچ پارامتري رو برايش ارسال نمي کنيد

من کد شما رو به صورت زير تغيير دادم
[HTML]
<img src="MySite_head_left.jpg" id='jj' style="position:absolute;" onclick="move_me(this)"/>
<script>

var frame = 0;
ss='';

function move_me(e){
ss=e;
if (frame++ < 20)
{
e.style.left = (10 * frame) + "px";
t=setTimeout("move_me(ss)", 50);
}
else clearTimeout(t);
}
</script>
[/HTML]

در ضمن بهتر است بعد از اين که کارتان با دستور timer تمام شد تايمر رو پاک کنيد تا بيخودي پردازش نکنه !.

ممنون از اینکه پاسخ دادین! :11:

---
یه سوال دیگه: چرا وقتی میخوایم left یه image رو بگیریم مقدار خالی برمیگردونه؟
مثال:
[HTML]
<img id='m_img' style="position:absolute" width='100' height='100' onclick="get_x(this.style.left)"/>

<script language="javascript">

function get_x(the_x){
alert(the_x);
}
</script>
[/HTML]

البته فکر کنم باید قبلش اینا init بشه -- مثلا:
[HTML]
<img id='m_img' style="position:absolute; left:200px" width='100' height='100' onclick="get_x(this.style.left)"/>
[/HTML]

ولی مشکل اینه که من توی صفحه ای که کار میکنم align-center هست و image وسط صفحه قرار میگیره.
برام مهمه که x رو بدست بیارم! راهی هست؟

متشکر و سپاسگزارم :11:

با سلام.
چند مشکل درباره طراحی وب داشتم.
میتونم ازتون کمک بخوام

نقل قول:

---

نوشته شده توسط Smafias [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

ممنون از اینکه پاسخ دادین! :11:

---
یه سوال دیگه: چرا وقتی میخوایم left یه image رو بگیریم مقدار خالی برمیگردونه؟
مثال:
[HTML]
<img id='m_img' style="position:absolute" width='100' height='100' onclick="get_x(this.style.left)"/>

<script language="javascript">

function get_x(the_x){
alert(the_x);
}
</script>
[/HTML]

البته فکر کنم باید قبلش اینا init بشه -- مثلا:
[HTML]
<img id='m_img' style="position:absolute; left:200px" width='100' height='100' onclick="get_x(this.style.left)"/>
[/HTML]

ولی مشکل اینه که من توی صفحه ای که کار میکنم align-center هست و image وسط صفحه قرار میگیره.
برام مهمه که x رو بدست بیارم! راهی هست؟

متشکر و سپاسگزارم :11:

---

سلام.

باید از parseInt استفاده کنی، البته همونطور که خودت هم گفتی باید از قبل مقدار left یا x مقداردهی شده باشه.

نقل قول:

---

باید از parseInt استفاده کنی، البته همونطور که خودت هم گفتی باید از قبل مقدار left یا x مقداردهی شده باشه.

---

این که جواب نشد امین جان! :دی

خوب میگم من اگه نخوام که از قبل مقداردهی کنم چی؟
آخه static نسیت که بدونم چه x ی بهش بدم!! -- عکس وسط صفحه قرار میگیره به خاطر align-center و میخوام xش رو بگیرم!
راه دیگه ای؟

نقل قول:

---

نوشته شده توسط Smafias [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

این که جواب نشد امین جان! :دی

خوب میگم من اگه نخوام که از قبل مقداردهی کنم چی؟
آخه static نسیت که بدونم چه x ی بهش بدم!! -- عکس وسط صفحه قرار میگیره به خاطر align-center و میخوام xش رو بگیرم!
راه دیگه ای؟

---

سلام.

گرفتم چی شد!
این یکی باید جواب بده:

کد:

---

get_x(this.offsetLeft)

---

دسست درد نکنه امین جان! خیلی کارت درسته.

یه مشکل دیگه هم میمونه و اون اینه که چطور میشه که تابع تکرار نشه یعنی حلقه داخل تابع باشه نه اینکه تابع رو تکرار کنه!
در اینجا:

کد:

---

<img src="MySite_head_left.jpg" id='jj' style="position:absolute;" onclick="move_me(this)"/>
<script>

var frame = 0;
ss='';

function move_me(e){
        ss=e;
        if (frame++ < 20)
        {
            e.style.left = (10 * frame) + "px";
            t=setTimeout("move_me(ss)", 50);
          }
        else clearTimeout(t);
}
</script>

---

وقتی به این خط میره:

کد:

---

t=setTimeout("move_me(ss)", 50);

---

باعث میشه که دوباره حلقه بره و از تابع شروع کنه!
حالا چطور میشه از یه راه دیگه رفت که حلقه داخل تابع اجرا بشه؟

ببخشید شما کدام حلقه رو می گید ؟
اگر داخل تابع move_me شما از یک حلقه استفاده کردید و می خواهید این حلقه فقط یک بار اون هم برای اولین فراخوانی اجرا بشه خوب می تونی از یک پارامتر براش استفاده کنی .

یعنی برای اولین بار تابع رو با پارامترهای زیر فراخوانی کن
[HTML]
move_me(ss,1)
[/HTML]
این هم خود تابع :
[HTML]
<img src="MySite_head_left.jpg" id='jj' style="position:absolute;" onclick="move_me(this)"/>
<script>

var frame = 0;
ss='';

function move_me(e,xx){
ss=e;
if(xx==1)
{
for(i=0;i<100;i++);
}
if (frame++ < 20)
{
e.style.left = (10 * frame) + "px";
t=setTimeout("move_me(ss,0)", 50);
}
else clearTimeout(t);
}
</script>
[/HTML]

ولی اگر منظورت چیزه دیگری است خواهشا کمی واضحتر بگو

خودمم نمیدونم :دی
آخه نمیدونم چطوری بگم. منظورم از حلقه اون جور حلقه نیست که. منظورم تکراره!

ببین تابع رو اجرا میکنیم وقتی که این خط اجرا میشه:

کد:

---

<img src="MySite_head_left.jpg" id='jj' style="position:absolute;" onclick="move_me(this)"/>

---

بعدش توی تابع وقتی به این خط میرسه:

کد:

---

t=setTimeout("move_me(ss)", 50);

---

باعث میشه که دوباره بریم به اول تابع و یه سری init ها دوباره انجام شن مثل ss=e . ولی ما نمیخوایم اینا دوباره اجرا شن.
یعنی نمیخوایم از حلقه ی if :

کد:

---

function move_me(e){
        ss=e;
        if (frame++ < 20)
        {
            e.style.left = (10 * frame) + "px";
            t=setTimeout("move_me(ss)", 50);
          }
        else clearTimeout(t);
}

---

خارج شیم و بریم به اول تابع!

میخوام توی همون داخل تابع اجرا شه.

امیدوارم منظورمو گرفته باشی.
شایدم راهی برای این کار نباشه!!؟