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.
[...] This post was mentioned on Twitter by bb (css4design) and br1o les bons tuyaux, Rémi Garcia. Rémi Garcia said: RT @br1o: clueTip — Afficher des bulles d’aide complexes http://j.mp/dxJbYn [...]