Magazine High tech

jQuery Simple Tooltip

Publié le 09 mai 2011 par Myrmex

Découvert sur le blog de Pierre Bertet, jQuery Simple Tooltip est un petit script tout simple et très efficace pour afficher des bulles d’aide ou d’information.

bulle d'aide, jquery tooltip

Avec jQuery Simple Tooltip vous pourrez afficher une tooltip :

  • au survol d’un texte pré-défini contenu dans un paragraphe
  • au survol d’un lien contenu dans un paragraphe
  • en cliquant sur un lien
  • en minutant son apparition (après 3 secondes, afficher la bulle d’aide)

Pour utiliser, jQuery Simple Tooltip, il suffit de cibler avec jQuery tous les liens pointant vers une tooltip et d’exécuter la méthode simpletooltip(). Pour ajouter un bouton permettant de fermer la tooltip au clic, il faut placer un lien pointant vers une ancre (idéalement, cette ancre permet de revenir au niveau du lien), et possédant un attribut rel=”close”.

De plus, Il est possible de passer des options à la méthode simpletooltip, sous la forme d’un tableau associatif :

  • margin permet de définir l’écart minimal entre le bord de la fenêtre et la tooltip, en pixels. (5 par défaut)
  • effect permet de définir l’animation que va utiliser jQuery pour faire apparaître la tooltip (effets intégrés à jQuery – voir documentation).
  • click, défini sur true, il permet d’ouvrir la tooltip au clic. (false par défaut)
  • delay, en secondes, permet de retarder la disparition de la tooltip au rollout. (0 par défaut)

Site Internet : jQuery Simple Tooltip
Licence : MIT


Retour à La Une de Logo Paperblog

A propos de l’auteur


Myrmex 169 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte