jQuery Tooltip

Introduction / License

To prevent any frustration, it's recommend to read the full documentation before start using ivTT.

ivTT - jQuery-based Tooltip
Copyright (C) 2007 Ingo Volkmann
Visit my site and get in contact with me at godiv.de

This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
See the GNU General Public License for more details.

Installation

The installation is very simple.
Copy the files to your webserver.
Put <script type="text/javascript" language="javascript" src="scripts/ivtt.js"></script> and <link rel="stylesheet" type="text/css" href="styles/ivtt.css" /> between the <head></head> tags of your page but after the jQuery include.
Don't forget to adjust the 'src' and the 'href' attribute if needed.
Also don't forget the image path in the ivtt.js file.
Take a look into the index.html, there are some demonstrations.

Usage

Set an id attribute to the element you want to get the tooltip from. E.g. <span class="jTip" id="tt_1">Tooltip</span>
Create a div element with the id named like the element above ending with 'div'. E.g. <div id="tt_1div">Content</div>
These divs containing the content you want to show in the tooltip.
Set the display style for those divs to none.
That's it.

ToDo

- Nothing at present.

ivTT - a jQuery-based Tooltip © 2009 Ingo Volkmann