clueTip — Afficher des bulles d’aide complexes

clueTip est probablement le script le plus souple pour afficher des bulles d’aide sur n’importe quel élément au survol de la souris (ou sur un clic, en option). La plupart des plugins proposent des infobulles en reprenant simplement le contenu de l’attribut title pour l’afficher dans un environnement graphique plus funky que l’affichage par défaut du navigateur. ClueTip permet de choisir un caractère séparateur (un pipe, par exemple) pour scinder le contenu de l’attribut title en deux entités pour avoir un titre au dessus du contenu, par exemple.

Utiliser clueTip

Pour afficher une bulle d’aide surmontée d’un titre, il suffit d’utiliser :

<a class="title" href="#" title="Titre de la bulle|Contenu de la bulle d'aide">
$('a.title').cluetip({splitTitle: '|'});

Afficher le contenu de l’infobulle via Ajax

clueTip ne s’arrête pas en si bon chemin et permet d’aller chercher le contenu de l’infobulle sur le serveur via Ajax. Par exemple :

<a class="basic" href="ajax.htm" rel="ajax.htm">
$('a.basic').cluetip();

Des options à foison

je vous fais grâce des autres exemples que je vous invite à consulter directement sur la page de démonstration de clueTip.