[thelist] jscipt mouseover

Michael Stevens mike at tokenzone.com
Wed Jun 20 13:44:57 CDT 2001


that would do it.

-----Original Message-----
From: thelist-admin at lists.evolt.org
[mailto:thelist-admin at lists.evolt.org]On Behalf Of Canfield, Joel
Sent: Wednesday, June 20, 2001 2:32 PM
To: 'thelist at lists.evolt.org'
Subject: RE: [thelist] jscipt mouseover


Could be 'cause all your images are named 'logo.' Name each one differently,
or it won't know which image to change.

joel at spinhead.com

-----Original Message-----
From: Tim Kuhn [mailto:tim.kuhn at wamu.net]
Sent: Wednesday, June 20, 2001 11:27 AM
To: thelist at lists.evolt.org
Subject: [thelist] jscipt mouseover


Hi all. I have a simple question about jscript mouseovers. I have a
navbar with 5 or so links on it. What I want is to mouseover an image on
the bar and another image  pop up in the same place and same size. I
have that now with one link and image but when I put multiple links on
all the pop up images appear  over the last link. How do I prevent this?
Here is a snippet of the code in it's rough state, as the initial image
is the same for all the links.
<table cellSpacing="0" cellPadding="1" width="100%" border="0">
         <tr width="10%" valign="center">
           <td>
           <a href="home.html" target="wwscc"
onMouseOver="document.images['logo'].src='images/home.gif'"
onmouseOut="document.images['logo'].src='images/home2.jpg'">
     <img name="logo" src="images/home2.jpg" height="28" width="60"
border="0">

            </a></td>
         </tr>
         <tr>
           <td>
           <a href="calendar.html" target="wwscc"
onMouseOver="document.images['logo'].src='images/calendar.gif'"
onmouseOut="document.images['logo'].src='images/calendar2'">
     <img name="logo" src="images/home1.jpg" height="28" width="50"
border="0">

            </a></h3></td>
         </tr>
         <tr>
           <td>
           <a href="directions.html" target="wwscc"
onMouseOver="document.images['logo'].src='images/directions.gif'"
onmouseOut="document.images['logo'].src='images/directions2.jpg'">
     <img name="logo" src="images/home2.jpg" height="28" width="50"
border="0">

            </a></td>
         </tr>
Thanks to all that take the time to  respond as I am new at this and
need a little help.


---------------------------------------
For unsubscribe and other options, including
the Tip Harvester and archive of TheList go to:
http://lists.evolt.org Workers of the Web, evolt !





More information about the thelist mailing list