gTip is another tooltip solution for content either inline or remote.

You create a link with the class 'gtip' and the script will take care of the rest. You can also create a tooltip on any element adding a 'gtip' attribute to give the url. If you want a tooltip on a link where you want to keep the click on the link, you can use the attribute 'gtip' rather than the href. The tooltip will be by default on the right unless there is not enough space then it will be positioned on the right of the element. For an inline content (it will copy the content inside the tooltip and show it):

<a href="#idtoshow" class="gtip" title="my title" >show me!</a>
	<div id="idtoshow" style="display:none">my tooltip content...</div>

<input type="text" gtip="#idtoshow" class="gtip" title="my title" />

for a remote content:

<a href="ajaxurl.html" class="gtip" title="my title" >show me!</a>

or

<a href="http://www.mylink.com/" class="gtip" title="my title" gtip="ajaxurl.html?width=400" >show me!</a>

Notes:

• For the href attribute you must: for an inline content, specify the #container name which specify the id of the block you want to show in your tooltip, for a remote content, specify the url,
• If you put a title attribute inside your link/tag, it will be used as the tooltip title.

You can also specify a few parameters to control the width and height of your tooltip if you wish: <a href="ajaxurl.html?width=500&height=300" class="gtip" >show me!</a>