Multiple mouseovers?

**Snuka7** · 01-04-2011, 12:17 AM

Hey there,

I'm in the process of making a Navigation Bar that requires javascript to change the image when the mouse is placed over it; but yet at the same time have a tooltip appear bellow it that shows the name of the page that the image is transferring you to.

I have both the proper scripts in my <head> and they have both been tested and work perfectly, but I'm just not quite sure how I can make it so that both the tooltip and imagechange effect both play at the same time that a mouse is placed over one timage.

Here's my current code:

Code:

<div style="padding: 2px;"></div>
<a href="index.php"
onMouseover="fixedtooltip('Home', this, event, '150px')" onMouseout="delayhidetip()"
  onmouseover="buttondown('homebutton')"
  onmouseout="buttonup('homebutton')">
<img src="./images/navagation/homebutton.gif" name="homebutton" border="0" />
</a> &nbsp;

As you see, I have two onmouseover and two onmouseouts. How do I make it so that they both work for homebutton.gif?

Thanks.

**Nile** · 01-04-2011, 12:21 AM

Code:

<div style="padding: 2px;"></div>
<a href="index.php"
onmouseover="fixedtooltip('Home', this, event, '150px');buttondown('homebutton');" onmouseout="delayhidetip();buttonup('homebutton');">
<img src="./images/navagation/homebutton.gif" name="homebutton" border="0" />
</a> &nbsp;

**Snuka7** · 01-04-2011, 12:30 AM

Originally Posted by Nile

Code:

<div style="padding: 2px;"></div>
<a href="index.php"
onmouseover="fixedtooltip('Home', this, event, '150px');buttondown('homebutton');" onmouseout="delayhidetip();buttonup('homebutton');">
<img src="./images/navagation/homebutton.gif" name="homebutton" border="0" />
</a> &nbsp;

Thanks heaps man.

**Nile** · 01-04-2011, 12:40 AM

No problem, I'm glad to help

Here on DD, we like to keep things organized. In an effort to do so, you have the option to set a thread to resolved when an issue is fixed. To make the status of the thread resolved:
1. Go to your first post
2. Edit your first post
3. Click "Go Advanced"
4. In the dropdown next to the title, select "RESOLVED"

Thread: Multiple mouseovers?

Thread Tools

Search Thread

Multiple mouseovers?

Bookmarks

Bookmarks

Posting Permissions