image mouseover problem

[ericjiii]

Hi.
A friend of mine asked me if I could look at one of his java scripts in order to get it working. Unfortunately I am stumped and was wondeirng if somebody with a bit more experience than myself can look it over and help me identify what is wrong .

<script LANGUAGE="JavaScript">
<!-- Begin
image10 = new Image();
 
var imageDir = "http://2005.rock103.com/pages/bod/thong/";
var d = new Date()
var month = (String(d.getMonth() + 1))
var day = (String(d.getDate()))
var year = (String(d.getYear()))
var imagename 
 
if(d.getMonth() < 10)
imagename = ("0"+ month)
else
imagename = month
 
if(d.getDate() < 10)
imagename = imagename + ("0" + day)
else
imagename = imagename + day
 
imagename = imagename + year.substr(2)
 
image10.src = imageDir + imagename + '.jpg';
 
document.write ('<TD align="center">')
document.write ('<font size="2" face="Verdana" color="FFFFFF">')
document.write ('<b>BONUS BABE</b>')
document.write ('</font>')
document.write ('<a href="' + imageDir + imagename + '.jpg" target="topstart" ')
document.write ('onmouseover="image10.src=' + imageDir + imagename + '.jpg;" ')
document.write ('onmouseout="image10.src=http://www2.bc.edu/~olivieri/animated_gifs/football_spinning.gif;">')
document.write ('<img name="image10" src="http://www2.bc.edu/~olivieri/animated_gifs/football_spinning.gif" border=0 width=136 height=140></a>')
document.write ('</TD>')
// End -->
</script>
 
 

The mouseover does not appear to be working. The gif appears and if I click on it (the gif) I can get a new window to open and the image will load. However, the mouseover does not work. Can anybody help me? Thanks in advance.

[Logician]

The mouseover does not appear to be working. The gif appears and if I click on it (the gif) I can get a new window to open and the image will load. However, the mouseover does not work. Can anybody help me? Thanks in advance.

Try changing

image10.src=

to

document.images.image10.src=

If it still doesn't work, post any error messages from the console.

[ericjiii]

Try changing

image10.src=

to

document.images.image10.src=

If it still doesn't work, post any error messages from the console.

Following is the original code before making changes ...

<script LANGUAGE="JavaScript">
<!-- Begin
image10 = new Image();
 
var imageDir = "http://2005.rock103.com/pages/bod/thong/";
var d = new Date()
var month = (String(d.getMonth() + 1))
var day = (String(d.getDate()))
var year = (String(d.getYear()))
var imagename 
 
if(d.getMonth() < 10)
imagename = ("0"+ month)
else
imagename = month
 
if(d.getDate() < 10)
imagename = imagename + ("0" + day)
else
imagename = imagename + day
 
imagename = imagename + year.substr(2)
 
image10.src = imageDir + imagename + '.jpg';
 
document.write ('<TD align="center">')
document.write ('<font size="2" face="Verdana" color="FFFFFF">')
document.write ('<b>BONUS BABE</b>')
document.write ('</font>')
document.write ('<a href="' + imageDir + imagename + '.jpg" target="topstart" ')
document.write ('onmouseover="image10.src=' + imageDir + imagename + '.jpg;" ')
document.write ('onmouseout="image10.src=http://www2.bc.edu/~olivieri/animated_gifs/football_spinning.gif;">')
document.write ('<img name="image10" src="http://www2.bc.edu/~olivieri/animated_gifs/football_spinning.gif" border=0 width=136 height=140></a>')
document.write ('</TD>')
// End -->
</script>
 

IE Script Debugging Output showed:

Line:36
Char: 17
Error: Expected ';'
Code: 0

I made the following changes ...

<script LANGUAGE="JavaScript">
<!-- Begin
image10 = new Image();
 
var imageDir = "http://2005.rock103.com/pages/bod/thong/";
var d = new Date()
var month = (String(d.getMonth() + 1))
var day = (String(d.getDate()))
var year = (String(d.getYear()))
var imagename 
 
if(d.getMonth() < 10)
imagename = ("0"+ month)
else
imagename = month
 
if(d.getDate() < 10)
imagename = imagename + ("0" + day)
else
imagename = imagename + day
 
imagename = imagename + year.substr(2)
 
image10.src = imageDir + imagename + '.jpg';
 
document.write ('<TD align="center">')
document.write ('<font size="2" face="Verdana" color="FFFFFF">')
document.write ('<b>BONUS BABE</b>')
document.write ('</font>')
document.write ('<a href="' + imageDir + imagename + '.jpg" target="topstart" ')
document.write ('onmouseover=" document.images.image10.src  =' + imageDir + imagename + '.jpg;" ')
document.write ('onmouseout="document.images.image10.src  ==http://www2.bc.edu/~olivieri/animated_gifs/football_spinning.gif;">')
document.write ('<img name="image10" src="http://www2.bc.edu/~olivieri/animated_gifs/football_spinning.gif" border=0 width=136 height=140></a>')
document.write ('</TD>')
// End -->
</script>
 

IE Script Debugging Output now shows:

Line:36
Char: 33
Error: Expected ';'
Code: 0

[Logician]

It's better to develop with Mozilla as its error messages are more useful.
There were missing quotes around the src parameters in the document.write statement. I added an alert to show the generated image path.

<script type="text/JavaScript">
 
image10 = new Image();
 
var imageDir = "http://2005.rock103.com/pages/bod/thong/";
var d = new Date();
var month = (String(d.getMonth() + 1));
var day = (String(d.getDate()));
var year = (String(d.getYear()));
var imagename;
 
if(d.getMonth() < 10)
imagename = ("0"+ month);
else
imagename = month;
 
if(d.getDate() < 10)
imagename = imagename + ("0" + day);
else
imagename = imagename + day;
 
imagename = imagename + year.substr(2);
 
alert( image10.src = imageDir + imagename + '.jpg' );
 
document.write ('<TD align="center">');
document.write ('<font size="2" face="Verdana" color="FFFFFF">');
document.write ('<b>BONUS BABE</b>');
document.write ('</font>');
document.write ('<a href="' + imageDir + imagename + '.jpg" target="topstart" ');
document.write ('onmouseover="document.images.image10.src=\'' + imageDir + imagename + '\'.jpg;" ');
document.write ('onmouseout="document.images.image10.src=\'http://www2.bc.edu/~olivieri/animated_gifs/football_spinning.gif;\'">');
document.write ('<img name="image10" src="http://www2.bc.edu/~olivieri/animated_gifs/football_spinning.gif" border=0 width=136 height=140></a>');
document.write ('</TD>');
 
</script>

[acoder]

Changed thread title.