Magazine Internet

Créer rapidement et simplement des tooltips

Publié le 22 novembre 2007 par Kadheus

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


Vous pourriez être intéressé par :

Retour à La Une de Logo Paperblog

Ces articles peuvent vous intéresser :

A propos de l’auteur


Kadheus Voir son profil
Voir son blog

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

Dossier Paperblog