EZserver - Making the Internet EZ, One Site at a Time

  • Increase font size
  • Default font size
  • Decrease font size

DHTML Tooltip Generator IE Required

E-mail Print PDF

DHTML Tooltip Generator (IE Required)

DHTML content tooltips, with two Content areas and a customizable appearance. IE 5.5 or greater is required for this to work. Click on Read More to use this tool.

DHTML Tooltip Generator




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','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','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
Title Text Color:
Title Text Font:
Title Text Size:
Content Text Color:
Content Text Font:
Content Text Size:
Title Area Color:
Content Area Color:
Tooltip Table Width:
Click here for a palette of Hex values -
Last Updated on Tuesday, 13 April 2010 14:34