Intro

jQuery-tooltip is a simple jQuery plugin to create tooltips.

Waiting the new jQuery UI framework, here comes a customizable tooltip based on jQuery UI provided by IT-Expert

Usage

Include your theme and the main JS file in your header (coda theme):

<link type="text/css" rel="stylesheet" media="screen" href="script/themes/coda/coda.css" />
<script type="text/javascript" src="script/itx-jpopup.js"></script>

or (Alloggio.it theme):

<link type="text/css" rel="stylesheet" media="screen" href="script/themes/alloggio/alloggio.css" />
<!--[if IE 9 ]><link type="text/css" rel="stylesheet" media="screen" href="script/themes/alloggio/alloggio-ie9.css" /><![endif]-->

Then initialize your tooltips like this (to take content from title attribute):

            $('.titleTrigger').itx_popup({
                position: {
                    my: "left bottom",
                    at: "right top",
                    collision: 'none none'
                }
            });

or like this (for an AJAX call for content):

            $('.ajaxTrigger').itx_popup({
                content: '<img src="script/themes/alloggio/spinner.gif" class="spinner"/>',
                position: {
                    my: "left bottom",
                    at: "right top",
                    collision: 'none none'
                },
                onShow: function(trigger, popup) {
                    // Do something here or do an AJAX call
                }
            });

Contribute

You have 3-way to contribute to this project:

1. Pulling useful requests
2. Forking this project
3. Last but not least: Donating!

Author

IT-Expert
Paolo Mazzoni