2
   

JavaScript Link Description On Mouse Over

 
 
Reply Sun 27 Jun, 2004 11:53 pm
Im am trying to setup a script that will accomplish the task of displaying text inside of a <td> when the user mouse overs the image. It is easier to explain when you have an actual layout to view.

Here is the code for the layout. The top row just contains a bunch of images. (Home/Registration/Testimonials/Ect).

Code:<table border="0" cellpadding="0" cellspacing="0" width="747">
<tr>
<td colspan="2" width="121" height="23">
<img src="../images/Home_on.gif" alt="" width="121" height="23"></td>
<td width="8" height="23"> </td>
<td width="121" height="23">
<img src="../images/Registration_Off.gif" alt="" width="121" height="23"></td>
<td width="8" height="23"> </td>
<td width="121" height="23">
<img src="../images/Testimonials_off.gif" alt="" width="121" height="23"></td>
<td width="8" height="23"> </td>
<td width="121" height="23">
<img src="../images/Feature_Request_off.gif" alt="" width="121" height="23"></td>
<td width="8" height="23"> </td>
<td width="121" height="23">
<img src="../images/Report_Problem_off.gif" alt="" width="121" height="23"></td>
<td width="8" height="23"> </td>
<td width="112" colspan="2" height="23">
<img src="../images/AboutD2D_off.gif" alt="" width="121" height="23"></td>
</tr>
<tr>
<td colspan="13" bgcolor="#3F698E" width="757">
<img border="0" src="../images/header_bar_spacer.gif" width="1" height="4"></td>
</tr>
<tr>
<td background="../images/header_bot_repeat.gif" height="22">
<img border="0" src="../images/header_bot_left.gif" width="13" height="22"></td>
<td width="632" background="../images/header_bot_repeat.gif" colspan="10" height="22">
When you mouse over Home_on.gif, this text inside of here should change.</td>
<td width="112" background="../images/header_bot_repeat.gif" height="22"> </td>
<td width="13" height="22">
<img border="0" src="../images/header_bot_right.gif" width="13" height="22"></td>
</tr>
</table>


Anyone have an idea of a script I could use for this? It needs to work in IE and NS.

It is similar to the left side of http://www.meyerweb.com/eric/css/edge/popups/demo.html, but in Javascript, and using images.
  • Topic Stats
  • Top Replies
  • Link to this Topic
Type: Discussion • Score: 2 • Views: 3,490 • Replies: 2
No top replies

 
BobbyDouglas
 
  1  
Reply Mon 28 Jun, 2004 11:40 am
I was able to figure this out. Apparently javascript is not the way to go.

In order to accomplish this, it is very easy using the display:none; for a hidden layer.

Using this for the cells onmouseover="show('number1');" onmouseout="hide('number1');"
0 Replies
 
Craven de Kere
 
  1  
Reply Mon 28 Jun, 2004 11:43 am
But that is Javascript...

Still need the homeklicks info BTW.
0 Replies
 
 

Related Topics

Webdevelopment and hosting - Question by harisit2005
Showing an Ico File - Discussion by Brandon9000
how to earn money in internet - Discussion by rizwanaraj
The version 10 bug. Worse then Y2K! - Discussion by Nick Ashley
CSS Border style colors - Question by meesa
There is no Wisdom in Crowds - Discussion by ebrown p
THANK YOU CRAVEN AND NICK!!! - Discussion by dagmaraka
I'm the developer - Discussion by Nick Ashley
 
  1. Forums
  2. » JavaScript Link Description On Mouse Over
Copyright © 2024 MadLab, LLC :: Terms of Service :: Privacy Policy :: Page generated in 0.03 seconds on 05/10/2024 at 06:42:45