[SOLVED] How to turn pointer into hand on mouseover js link?

Need help with Photoshop, the GIMP, Illustrator, or others? Want to show off your work? Looking for advice on your newest Flash stuff?

Moderator: General Moderators

Post Reply
User avatar
voltrader
Forum Contributor
Posts: 223
Joined: Wed Jul 07, 2004 12:44 pm
Location: SF Bay Area

How to turn pointer into hand on mouseover js link?

Post by voltrader »

I have a graphic link as so:

<img name=redbutton src="images/redbutton.gif" height=10 width=10 onClick="return confirm_red_button('redgo.php&act=delete')">

The mouse pointer does not turn into a hand as it does with html links -- is there any way to easily do this?

The red button is small, so when the user mouses over, it may not be apparent that it's a link at all.
User avatar
markl999
DevNet Resident
Posts: 1972
Joined: Thu Oct 16, 2003 5:49 pm
Location: Manchester (UK)

Post by markl999 »

You could use CSS to do it:
img:hover {
cursor: pointer; cursor: hand;
}
or do it 'inline':
<img style="cursor:pointer;cursor:hand" .....
User avatar
voltrader
Forum Contributor
Posts: 223
Joined: Wed Jul 07, 2004 12:44 pm
Location: SF Bay Area

Post by voltrader »

Does that bit of css add a style definition to the 'img' tag? I didn't know that could be done!
User avatar
voltrader
Forum Contributor
Posts: 223
Joined: Wed Jul 07, 2004 12:44 pm
Location: SF Bay Area

Post by voltrader »

Got it... thanks!
Post Reply