Javascript Rollover not working.

**Ewan** · 08-23-2007, 02:33 PM

Im using the script below to make rollover buttons but its not working as you can see here; http://www.freewebs.com/wwefansconr/test.htm

Could you please help me?

Code:

<A 
    HREF="mainpage.htm"
    onMouseOver = "rollover('homebutton"')"
    onMouseOut = "rollout('homebutton"')"
    ><IMG 
    SRC="homebutton.PNG"
    NAME="homebutton"
    HEIGHT=52 WIDTH=116 BORDER=0 ALT="homebutton"
    ></A>
<SCRIPT TYPE="text/javascript">
<!--
setrollover('homebutton2.PNG');
//-->
</SCRIPT>
<A 
    HREF="raw.htm"
    onMouseOver = "rollover('resume')"
    onMouseOut = "rollout('resume')"
    ><IMG 
    SRC="rawbutton.PNG"
    NAME="resume"
    HEIGHT=52 WIDTH=116 BORDER=0 ALT="resume"
    ></A>
<SCRIPT TYPE="text/javascript">
<!--
setrollover('rawbutton2.PNG');
//-->
</SCRIPT>
<A 
    HREF="smackdown.htm"
    onMouseOver = "rollover('resume')"
    onMouseOut = "rollout('resume')"
    ><IMG 
    SRC="sdbutton.PNG"
    NAME="resume"
    HEIGHT=52 WIDTH=116 BORDER=0 ALT="resume"
    ></A>
<SCRIPT TYPE="text/javascript">
<!--
setrollover('sdbutton2.PNG');
//-->
</SCRIPT>
<A 
    HREF="ecw.htm"
    onMouseOver = "rollover('resume')"
    onMouseOut = "rollout('resume')"
    ><IMG 
    SRC="ecwbutton.PNG"
    NAME="resume"
    HEIGHT=52 WIDTH=116 BORDER=0 ALT="resume"
    ></A>
<SCRIPT TYPE="text/javascript">
<!--
setrollover('ecwbutton2.PNG');
//-->
</SCRIPT>
<A 
    HREF="ppv.htm"
    onMouseOver = "rollover('specs')"
    onMouseOut = "rollout('specs')"
    ><IMG 
    SRC="ppvbutton.PNG"
    NAME="specs"
    HEIGHT=52 WIDTH=116 BORDER=0 ALT="specs"
    ></A>
<SCRIPT TYPE="text/javascript">
<!--
setrollover('ppvbutton2.PNG');
//-->
</SCRIPT>
 
 
 
 
 
 

<!-- --><script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();}</script>

**logic ali** · 08-23-2007, 06:01 PM

Quote:

Originally Posted by Ewan

<script type="text/javascript" src="/i.js"></script>

Presumably the script is in the file referenced above.
The script must be included somewhere before any reference made to it in the document.
You can put those tags in the <head>section, at least you could if your document had one.

**coolkbk585** · 08-24-2007, 11:38 AM

Why not just do what you're trying to do with CSS instead of Javascript? It's easier.

Tell me if you'd like to know how to do that.

**Ewan** · 08-24-2007, 05:20 PM

Yeah if you can find a script that I can just copy and paste that would be great.

**logic ali** · 08-24-2007, 09:02 PM

Quote:

Originally Posted by Ewan

Im using the script below to make rollover buttons but its not working as you can see here; http://www.freewebs.com/wwefansconr/test.htm

I just looked at your page again and the only script included has nothing to do with rollovers.
If you want a script to work, you need to include it in the document according to its instructions.

**ExpressoDan** · 08-25-2007, 09:09 AM

You have got to get rid of the javascrpt...

use css

Code:

a:link, a:visited, a:active {
	text-decoration: none;
	background-image: url(../img/image.gif);
}
a:hover {
	text-decoration: none;
	background-image: url(../img/other-image.gif);
}

Granted, this will apply to all your links, but you could apply it to a class for your menu.

**soap** · 08-27-2007, 05:08 PM

I would suggest that you use XHTML.

**tripy** · 08-27-2007, 06:54 PM

Quote:

Originally Posted by soap

I would suggest that you use XHTML.

What for ?
What will Xhtml changes about the rollover ?

For the record, Xhtml is a stricter and more XML like version of html, nothing more.