images in functions?

**oxymoron84** · 03-28-2006, 04:42 PM

ok i definitly am doing something wrong with the assignment of mine. i am new to javascript and have been trying to complete the assignment as named on http://srufaculty.sru.edu/david.dailey/cs130/week8.htm
but i cant seem to get the pictures to move to the right like the numbers

here is the code i have atm could someone tell me what i messed up?

Code:

<HTML>
<HEAD>

<TITLE>Thing</TITLE>
<SCRIPT LANGUAGE = "JavaScript">

function move() { X3=document.form.number3.value;
X2=document.form.number2.value;
X1=document.form.number1.value;
document.number3.value=X2;
document.number2.value=X1;
document.number1.value=X3;
A3=document.images"Img3";
A2=document.images"Img2";
A1=document.images"Img1";
document.images"Img3"=A2;
document.images"Img2"=A1;
document.images"Img1"=A3;
 }
</SCRIPT>
</HEAD>
<BODY "this()">

<FORM NAME = "form">

<img src="1.gif" name = "img1">
<img src="2.gif" name = "img2">
<img src="3.gif" name = "img3">

<INPUT value="1" NAME = "number1">
<INPUT value="2" NAME = "number2">
<INPUT value="3" NAME = "number3">

<INPUT TYPE = "BUTTON" VALUE = "Click Here" onClick ="move()"></FORM>

</BODY>
</HTML>

so yeah the numbers work fine but i cant do images .....please help if anyone can cause this is due by midnight and i just cant figure it out

**phpnovice** · 03-28-2006, 07:35 PM

These:

A3=document.images"Img3";

should be:

A3=document.images.img3.src;

**oxymoron84** · 03-29-2006, 09:36 AM

thanks :-) but now i have a different problem or maybe same one not sure

i get a msg saying line 12 has an error "document.images.img3.src is null or not an object

#<HTML>
<HEAD>

<TITLE>Thing</TITLE>
<SCRIPT LANGUAGE = "JavaScript">

function move() { X3=document.form.number3.value;
X2=document.form.number2.value;
X1=document.form.number1.value;
document.form.number3.value=X2;
document.form.number2.value=X1;
document.form.number1.value=X3;
A3=document.images.Img3.src;
A2=document.images.Img2.src;
A1=document.images.Img1.src;
document.images.Img3.src=A2;
document.images.Img2.src=A1;
document.images.Img1.src=A3;
}
</SCRIPT>
</HEAD>
<BODY>

<FORM NAME = "form">

<img src="1.gif" name = "img1">
<img src="2.gif" name = "img2">
<img src="3.gif" name = "img3">
<br>
<INPUT value="1" NAME = "number1">
<INPUT value="2" NAME = "number2">
<INPUT value="3" NAME = "number3">

<INPUT TYPE = "BUTTON" VALUE = "Click Here" onClick ="move()"></FORM>

</BODY>
</HTML>
#

**TheBearMay** · 03-29-2006, 09:51 AM

Just glancing at your code the issue appears to be capitalization.

document.images.Img3.src does not equal document.images.img3.src

document.images.img3.src appears to be the correct one since you have <img src="3.gif" name = "img3">

**oxymoron84** · 03-29-2006, 10:35 AM

sweet thx that was it!

Thread: images in functions?

Thread Tools

Display

images in functions?

still get error

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions