Pop-up help message box on mouse over link

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
billy_022
Forum Newbie
Posts: 6
Joined: Mon Nov 24, 2003 5:03 pm

Pop-up help message box on mouse over link

Post by billy_022 »

Can someone hint me on how to use javascript to pop-up a little help dialog box after mouseover a link?
Nay
Forum Regular
Posts: 951
Joined: Fri Jun 20, 2003 11:03 am
Location: Brisbane, Australia

Post by Nay »

Use alert()

eg:

Code: Select all

<a href="#" onmouseover="alert('you!');">you!</a>
-Nay
billy_022
Forum Newbie
Posts: 6
Joined: Mon Nov 24, 2003 5:03 pm

alert(0 is not suitable

Post by billy_022 »

No alert() is not suitable. I just mean a little box that pops up near the mouse, and goes away after you mouse-off the link. The user should not have to click "OK" in order for the box to disappear.
Nay
Forum Regular
Posts: 951
Joined: Fri Jun 20, 2003 11:03 am
Location: Brisbane, Australia

Post by Nay »

Maybe:

Code: Select all

<a href="#" title="this is your text">your text</a>
-Nay
User avatar
mrvanjohnson
Forum Contributor
Posts: 137
Joined: Wed May 28, 2003 11:38 am
Location: San Diego, CA

Post by mrvanjohnson »

If you want to get fancy with it chck out overLIB. It's JavaScript and has a lot of functionality.
User avatar
dyconsulting
Forum Newbie
Posts: 14
Joined: Mon Dec 01, 2003 6:52 pm
Location: San Francisco

Post by dyconsulting »

Here is a link to JS code that will do what you want.

http://www.brothercake.com/dropdown/
You can call this script from your links, onmouseover, and it will build very nice "tips".
CantonDog
Forum Newbie
Posts: 13
Joined: Wed Dec 03, 2003 11:59 am
Location: Denver, CO

Post by CantonDog »

just for another option...

http://www.softcomplex.com/products/tig ... /demo.html

several different versions here... I think you'd want the one at the bottom of the page with the "links"
basdog22
Forum Contributor
Posts: 158
Joined: Sun Nov 30, 2003 3:03 pm
Location: Greece

Post by basdog22 »

A1javascripts maybe?
Post Reply