09.02.2010
<  Main  |  About+Contact  |  Donate  |  Linkback  |  Privacy  >
Opens in a new Window
Styles:
  Digital   Mechanical   Sports   Science   Corporate   Misc.  
  Professional   (External Link)

GUIs With:
  Sliced HTML   Generator
Sections:
  Tools   CSS Docs   JavaScript   CSS Ref.   Tutorials   The Guide
Help:
  Examples   FAQ   Tutorials

Firefox 2






Flash Tooltip Generator

Here is the Flash version of the tooltip generator. Note that this version only works in Internet Explorer browsers, and will have no effect within Netscape.

Sometimes the HTML "alt=" isn't enough to relay the detail you'd like it to. Here is a tool that will allow you to give your users more interactive tooltips.

Here is an example of how it works (Mouse Over Me!).

After you've installed the generated code, in order to trigger a tooltip, you'll need to surround the area with an <a> tag which contains onMouseover and onMouseout properties. Here's an example:

onMouseover="EnterContent('Tooltip Title','Tooltip Content'); Activate();" onMouseout="deActivate()"

The above is meant to be entered into already-existing <a> tags. If you want to assign a tooltip to an area that isn't a link, you'll have to add the entire tag:

<a href="javascript:void(0)" onMouseover="EnterContent('Tooltip Title','Tooltip Content'); Activate();" onMouseout="deActivate()">ToolTip Me</a>

The highlighted areas hold the content of the tooltip. There are 2 areas - the title area, and the content area. You may simply copy the above examples and replace the content areas with your own.
Tooltip Properties
Background Color:
Click here for a palette of Hex values -

Click here to
offer this tool
on your website.




Copyright © 1998-2000 GUIStuff. All rights reserved.