onMouseOver function

tayeke · Mar 27, 2006

I'm a real newb to javascript and want to figure out why thsi code I have written for the onMouseover function only seems to work on the first two images. The third image with the erik image named "three" does not use the onMouseOver, but I have seen the onMouseOut working.

------------------------------------------------------------
<html>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
if (document.images) {
var pum1 = new Image();
pum1.src = "

http://totallyha.xoompages.com/gifs/thaly1.jpeg";

var pum2 = new Image();
pum2.src = "

http://totallyha.xoompages.com/gifs/thaly2.gif";

var tay1 = new Image();
tay1.src = "

http://totallyha.xoompages.com/gifs/taylor1.jpeg";

var tay2 = new Image();
tay2.src = "

http://totallyha.xoompages.com/gifs/taylor2.gif";

var erik1 = new Image();
erik1.src = "

http://totallyha.xoompages.com/gifs/erik1.gif";

var erik2 = new Image();
erik2.src = "

http://totallyha.xoompages.com/gifs/erik2.gif";

}

function show_erik() {
if (document.images) {
domcument["three"].src = erik2.src
}
}

function hide_erik() {
if (document.images) {
document["three"].src = erik1.src
}
}

function show_tay() {
if (document.images) {
document["two"].src = tay2.src
}
}

function hide_tay() {
if (document.images) {
document["two"].src = tay1.src
}
}

function show_rock() {
if (document.images) {
document["pum"].src = pum2.src;
}
}

function hide_rock() {
if (document.images) {
document["pum"].src = pum1.src;
}
}

//-->
</script>

<TITLE>Help Page</TITLE>
<style type="text/css">
body
{
background-image:
url('

http://totallyha.xoompages.com/bg2.jpeg');

background-repeat:
no-repeat;
background-attachment:
fixed
}
</style>

<font color="grey"><H1>HELP! Page</h1>
<h2>and references</h2></font>
<hr>
</HEAD>
<BODY>
<table width=100% border=0>
<tr>
<td align=center valign=center>
<i><font color="yellow" size=+3 face="sans">Thaly</font></i><p>
<a
onMouseOver="show_rock()";
onMouseOut="hide_rock()";
onClick="window.open('

http://totallyha.xoompages.com/thalyp.htm',

'bio', 'toolbar=no, location=no, directories=no status=no, menubar=no, resizable=no, scrollbars=no, width=350 height=400')">
<IMG SRC="

http://totallyha.xoompages.com/gifs/thaly1.jpeg"

ALT="pics of Thaly"
WIDTH="220" HEIGHT="170" hspace=12 vspace=12 name="pum" border=0></a>
</td>
<td align=center valign=center>
Reserved for Andrew
</td>
</tr>
<tr>
<td align=center valign=center>
<i><font color="yellow" size=+3 face="sans">Taylor</font></i><p>
<a
onMouseOver="show_tay()";
onMouseOut="hide_tay()";
onClick="window.open('

http://totallyha.xoompages.com/taylore.htm',

'bio', 'toolbar=no, location=no, directories=no status=no, menubar=no, resizable=no, scrollbars=no, width=350 height=400')">
<IMG SRC="

http://totallyha.xoompages.com/gifs/taylor1.jpeg"

ALT="pics of Taylor"
WIDTH="220" HEIGHT="170" hspace=12 vspace=12 name="two" border=0></a>
</td>
<td align=center valign=center>
<i><font color="yellow" size=+3 face="sans">Erik</font></i><p>
<a
onMouseOver="show_erik()";
onMouseOut="hide_erik()";
onClick="window.open('

http://totallyha.xoompages.com/erikm.htm',

'bio', 'toolbar=no, location=no, directories=no status=no, menubar=no, resizable=no, scrollbars=no, width=350 height=400')">
<IMG SRC="

http://totallyha.xoompages.com/gifs/erik1.gif"

ALT="pics of Erik"
WIDTH="220" HEIGHT="170" hspace=12 vspace=12 name="three" border=0></a>
</td>
</tr>
<tr>
<td colspan=2>
<center><font size="6" color="darkblue">Other recognitions soon to come</font></center><hr>
</table>

<p>
<font color=green>If you have questions for the webmaster Taylor email me by clicking <a href="mailto:tayeke@msn.com?subject=THA" style="color:red">here</a>or if your browser does not support that then email me at tayeke@msn.com and make the subject THA.</font>
<p>
<hr>
<form action="

https://www.paypal.com/cgi-bin/webscr"

method="post">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="tayeke@msn.com">
<input type="hidden" name="item_name" value="THA">
<input type="hidden" name="amount" value="5.00">
<input type="hidden" name="page_style" value="PayPal">
<input type="hidden" name="no_shipping" value="1">
<input type="hidden" name="return" value="

http://h1.ripway.com/thassociates/index.htm">

<input type="hidden" name="cancel_return" value="

http://h1.ripway.com/thassociates/index.htm">

<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="tax" value="0">
<input type="hidden" name="bn" value="PP-DonationsBF">
<input type="image" src="

https://www.paypal.com/en_US/i/btn/x-click-but21.gif"

border="0" name="submit" alt="Donate">
</form>
<PRE>
<HR SIZE="6" noshade>
<CENTER><A HREF="

http://totallyha.xoompages.com/download.htm"

STYLE="COLOR:ORANGE">Downloads</a> <A HREF="

http://totallyha.xoompages.com/help.htm"

STYLE="COLOR:YELLOW">Help</A> <A HREF="

http://totallyha.xoompages.com/shout.htm"

STYLE="COLOR:LIMEGREEN">Forum</A> <A HREF="

http://totallyha.xoompages.com/news.htm">News</A></CENTER>

<HR SIZE="6" noshade>
</PRE>

</BODY>
</html>
-----------------------------------------------------------
Help would be much appreciated. The pictures are uploaded to feel free to see it working.

BabyJeffy · Mar 27, 2006

Maybe it's this typo:

Code:

function show_erik() {
if (document.images) {
[b]domcument[/b]["three"].src = erik2.src
}
}

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

onMouseOver function

tayeke

Technical User

BabyJeffy

Programmer

Similar threads

Part and Inventory Search

Sponsor