This is just an example of what I'd like:<br />
<br />
On my start-up page, I have a clickable image. When I rollover the image, the image changes to say "enter." I want the image to change again to say "entering..." once the image is clicked.<br />
<br />
Also, if possible, to delay the clicked image, so that the next page doesn't immediately load without giving the viewer enough time to read the "entering..." message.<br />
<br />
I think this could be done with Macromedia, but I wanted to see if I could produce a similar effect without.<br />
<br />
This is the bit of code I have so far:<br />
<br />
<html><br />
<br />
Click on box to enter page.<br />
<br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"start.html"<br />
onmouseover="document.enterpic.src=http://www.webdeveloper.com/forum/archive/index.php/enter.src"<br />
onmouseout="document.enterpic.src=http://www.webdeveloper.com/forum/archive/index.php/startup.src"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"/ImageName.jpg" name="enterpic" width="118" height="65" border="0"/></a><br />
<br />
</html><!--content--><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.bettiepage.com" onclick="this.firstChild.src ='http://www.bettiepage.com/images/photos/bikini/bikini7_a.jpg'; setTimeout ('location = \'http://www.bettiepage.com\'', 500); return false"><img alt="enter" src=http://www.webdeveloper.com/forum/archive/index.php/"http://www.bettiepage.com/images/photos/bikini/bikini15_a.jpg"></a><!--content-->Hmm... I couldn't seem to get it to work.<br />
<br />
Here is the test page I'm using: <!-- m --><a class="postlink" href="http://theairstrange.devbox.net">http://theairstrange.devbox.net</a><!-- m --><br />
<br />
The box is red, when I rollover it turns yellow, when I click it should turn magenta, but doesn't?<br />
<br />
Thanks,<br />
Culley<!--content--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"<br />
"http://www.w3.org/TR/html4/strict.dtd"><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br />
<meta name="Content-Script-Type" content="text/javascript"><br />
<title>Example</title><br />
<base href=http://www.webdeveloper.com/forum/archive/index.php/"http://theairstrange.devbox.net/"><br />
<script type="text/javascript" src=http://www.webdeveloper.com/forum/archive/index.php/"loadimages.js"></script><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"start.html" onmouseover="this.firstChild.src = enterculley.src" onmouseout="this.firstChild.src = exitculley.src" onclick="this.firstChild.src = enteringculley.src; setTimeout ('location = \\'http://theairstrange.devbox.net/start.html\\'', 500); return false"><img src=http://www.webdeveloper.com/forum/archive/index.php/"/Images/index1.jpg" alt="enter"</a><!--content-->Okay, I see what I was doing wrong. That's terrific. Thanks a lot for you time and patience.<br />
<br />
Culley<!--content-->
<br />
On my start-up page, I have a clickable image. When I rollover the image, the image changes to say "enter." I want the image to change again to say "entering..." once the image is clicked.<br />
<br />
Also, if possible, to delay the clicked image, so that the next page doesn't immediately load without giving the viewer enough time to read the "entering..." message.<br />
<br />
I think this could be done with Macromedia, but I wanted to see if I could produce a similar effect without.<br />
<br />
This is the bit of code I have so far:<br />
<br />
<html><br />
<br />
Click on box to enter page.<br />
<br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"start.html"<br />
onmouseover="document.enterpic.src=http://www.webdeveloper.com/forum/archive/index.php/enter.src"<br />
onmouseout="document.enterpic.src=http://www.webdeveloper.com/forum/archive/index.php/startup.src"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"/ImageName.jpg" name="enterpic" width="118" height="65" border="0"/></a><br />
<br />
</html><!--content--><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.bettiepage.com" onclick="this.firstChild.src ='http://www.bettiepage.com/images/photos/bikini/bikini7_a.jpg'; setTimeout ('location = \'http://www.bettiepage.com\'', 500); return false"><img alt="enter" src=http://www.webdeveloper.com/forum/archive/index.php/"http://www.bettiepage.com/images/photos/bikini/bikini15_a.jpg"></a><!--content-->Hmm... I couldn't seem to get it to work.<br />
<br />
Here is the test page I'm using: <!-- m --><a class="postlink" href="http://theairstrange.devbox.net">http://theairstrange.devbox.net</a><!-- m --><br />
<br />
The box is red, when I rollover it turns yellow, when I click it should turn magenta, but doesn't?<br />
<br />
Thanks,<br />
Culley<!--content--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"<br />
"http://www.w3.org/TR/html4/strict.dtd"><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br />
<meta name="Content-Script-Type" content="text/javascript"><br />
<title>Example</title><br />
<base href=http://www.webdeveloper.com/forum/archive/index.php/"http://theairstrange.devbox.net/"><br />
<script type="text/javascript" src=http://www.webdeveloper.com/forum/archive/index.php/"loadimages.js"></script><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"start.html" onmouseover="this.firstChild.src = enterculley.src" onmouseout="this.firstChild.src = exitculley.src" onclick="this.firstChild.src = enteringculley.src; setTimeout ('location = \\'http://theairstrange.devbox.net/start.html\\'', 500); return false"><img src=http://www.webdeveloper.com/forum/archive/index.php/"/Images/index1.jpg" alt="enter"</a><!--content-->Okay, I see what I was doing wrong. That's terrific. Thanks a lot for you time and patience.<br />
<br />
Culley<!--content-->