PDA

Click to See Complete Forum and Search --> : column of hover buttons

mums_word
02-16-2003, 08:31 PM
I am a complete novice to javascripting and need some help before I go completely loopy.
I am constructing a web page, with 2 frames. On the left frame I would like to construct a column of buttons that hover.
I have found a script that does this for me, but it's only for the first button.
The others don't seem to work. I'm not sure if a whole new script is needed, or if its just a change to one of the values.
I tried constructing the hover buttons in frontpage, but they don't seem to work either (and yes, I followed the prompts exactly to the last letter).
I'm doing all of my page editing in Microsoft Frontpage ver4, and Yahoo Geocities is my host. Can someone please help me, I'm pretty sure what I'm trying to do relatively simple as I've seen this used alot...just a bit hard to explain.
www.coachchris.net is the page if you want to see what I'm talking about.
I would appreciate any help in this matter.
Thanks!
Kate :confused:
Wilbur
02-16-2003, 08:45 PM
Post the code Kate and i'll have a quick look at it!
mums_word
02-16-2003, 09:22 PM
<HTML>

<TITLE>Chris Links</TITLE>
<SCRIPT>
<!--
// Handles rollover images for NN3+ and IE4+
var loaded = new Array();

function F_loadRollover(image,imageName) {
if (image && image.src &&
(null == image.out || typeof(image.out) == typeof(void(0)))) {
s = image.src;
image.out = new Image();
image.out.src = s;
image.over = new Image();
if (imageName.lastIndexOf('/') >= 0 || imageName.lastIndexOf('\\') >=0) {
s = imageName;
} else {
i = s.lastIndexOf('/');
if (i<0) i = s.lastIndexOf('\\');
if (i<0) { s = imageName; }
else { s = s.substring(0,i+1) + imageName; }
}
image.over.src = s;
loaded[image.name] = image;
}
}
function F_roll(imageName,over) {
if (document.images) {
if (over) { imageObject = "over"; }
else { imageObject = "out"; }
image = loaded[imageName];
if (image) {
ref = eval("image."+imageObject);
if (ref) image.src = eval("image."+imageObject+".src");
}
if (window.event)
window.event.cancelBubble = true;
}
}
//-->
</SCRIPT>

<BODY BGCOLOR="4169E1" TEXT="white" LINK="white" VLINK="white" ALINK="white"><b>
<CENTER>

<FONT COLOR="FFCC00"><FONT SIZE="+1"><FONT FACE="Garamond"><CENTER>
<IMG SRC="../My%20Documents/My%20Webs/coach%20chris/football_trophy.gif" width="36" height="66">
<BR>
<BR>

<A HREF="http://www.emufooty.com/user/Mini%20League%20Rules.pdf" onMouseOver="F_roll('ImageName',1)"
onMouseOut="F_roll('ImageName',0)">
<IMG NAME="ImageName" SRC="http://coachchris.net/the_rules_blue.gif"
onLoad="F_loadRollover(this,'http://coachchris.net/the_rules_gold.gif')" BORDER=0
ALT="Home"></A>
<br>
<A HREF="http://linktobeadded.html"><img src="http://coachchris.net/grounds_blue.gif"></a>
<br>
<A HREF="http://linktobeadded.html"><img src="http://coachchris.net/links_blue.gif"></a>

</HTML>


this is the entire page...thanks wilbur :)