PDA

View Full Version : 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:

<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
<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
<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 :D

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"