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 :
- Include le fichier fxtooltip.js dans votre page
- Ajouter un attribut tooltip="message de votre tooltip" à tous les éléments concernés
- Déclarer le nom de la classe CSS que devra utiliser le tooltip
- 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