|
|
 |
|
 |
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="tip_it(1,'Tooltip
Title','Tooltip
Content');" onMouseout="tip_it(0, '', '');"
|
|
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="tip_it(1,'Tooltip
Title','Tooltip
Content');" onMouseout="tip_it(0, '', '')">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.
|
|
Click here to
offer this tool
on your website.
|
|
|
