Créer rapidement et simplement des tooltips

Vous trouverez dans l’exemple téléchargeable un peu plus bas, un script très léger permettant de créer des tooltips.L’utilisation de ce script se fait en 4 étapes :

1. Include le fichier fxtooltip.js dans votre page
2. Ajouter un attribut tooltip="message de votre tooltip" à tous les éléments concernés
3. Déclarer le nom de la classe CSS que devra utiliser le tooltip
4. Executer la fonction d’initialisation iniTooltips() au chargement de votre page

Exemple :

<script type="text/javascript" src="js/fxtooltips.js"></script>
…
<span tooltip="Extrait du Lorem ipsum">Lorem ipsum</span>
…
<script type="text/javascript">
  fxTooltips.cssName = ‘tooltip’;
  Event.observe(_w, ‘load’, fxTooltips.iniTooltips);
</script>

Cliquez ici pour télécharger le script