Tooltips html

En html, pour indiquer au navigateur qu’on veut afficher un tooltip sur un élément, on utilise habituellement l’attribut title, comme sur les liens ci-dessous.

Je n’aime pas trop l’allure des tooltips natifs proposés par les navigateur, et comme la mise en œuvre des scripts disponibles sur le net est parfois un peu hasardeuse, j’ai écrit ma propre classe d’affichage de tooltips. Elle est visuellement personnalisable avec une css.

Tout ce qu’il y a à faire, c’est de renseigner l’attribut title, comme d’hab, et d’inclure les fichiers js de prototype et tooltip.js, ainsi que la feuille de style tooltip.css

Elle est basée sur prototype.js (c’est pas gros et ça aurait pu être fait d’une pièce, mais prototype est tellement pratique).

Voici ce que ça donne.

Le tout est téléchargeable ici!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Es-tu capable de répondre à ça? * Time limit is exhausted. Please reload the CAPTCHA.