Viewing Thread:
"JS Rollovers"

AH! I've just started liking Javascript again, it's been hard but I think it's nessersary, anyway, my first step to Javascriptdom was to use rollovers on my site:

http://www.geocities.com/enterthefog/pages/template.htm

as you can see, when the Mouseout is operated it forms an error, Javascript is usually quite obvious to edit, but I can't see anything wrong with this, so i'd be very grateful for some help please :)

simple shmimple it didn't work, not as if I write Javascript now... :)

Why do people insist on making this simple piece of coding so difficult!? Just give your image a name and do this:





See, easy. You put it on one line of course & it works in IE and Nestscape.

frames.... eeeek

I was hoping your wisdom would be able to help me to use Javascript without running errors on the page, i'll have a look into the second page anyway, just incase some people don't use Javascript...etc

I havn't got round to finishing Gabbo's Javascript script, but no errors came up earlier.

Thanks for your help though, I hadn't thought of a doing a second page guess it makes sense *sigh* which means more work...or frames! AH!

Very often, the little yellow exclamation mark in the corner causes people to panic when a javascript error occurs, so I would suggest leaving out the image rollovers. If you really want to keep them, though, I would recommend creating a second page without the JS on it, and if the first page throws an error, you are taken to the non-javascript page. It is called an OnError event handler. See http://htmlgoodies.com to find out how.

Just click on "JavaScript", and "Event Handlers" or "The Onerror event handler"

Here is the script I use for rollovers.




------------------

Put that in between your tag and your tag. Then, for the links...

------------------



------------------

You just have to swap different attributes to suit your needs. Remember to change every attribute with the 'image1' thing though. Also, you can have as much images in the first script as possible, for example...

------------------

image1_out = new Image(145,55); image1_out.src = 'image1_out.gif';
image1_over = new Image(145,55); image1_over.src = 'image1_over.gif';
image2_out = new Image(145,55); image2_out.src = 'image2_out.gif';
image2_over = new Image(145,55); image2_over.src = 'image2_over.gif';
image3_out = new Image(145,55); image3_out.src = 'image3_out.gif';
image3_over = new Image(145,55); image3_over.src = 'image3_over.gif';

------------------

Let me know if you have any problems.

If I take any of the javascript out it decides not to work altogether, thanks anyway, i'll have another go.
messy! you jest :)

It's messy... you could simplify the whole lot with a simple image swap set up and image restore, and keep the names simple, no need for the on/off set up.

AH! I've just started liking Javascript again, it's been hard but I think it's nessersary, anyway, my first step to Javascriptdom was to use rollovers on my site:

http://www.geocities.com/enterthefog/pages/template.htm

as you can see, when the Mouseout is operated it forms an error, Javascript is usually quite obvious to edit, but I can't see anything wrong with this, so i'd be very grateful for some help please :)