Tayo
Astuce et Tutorial » Programmation / Developpement » Javascript » Aide rédigée par Zabuza
Description de cet article : Une balise html permettant d'afficher des mots au passage de la souris
Lire les commentaires

<acronym> : tooltip sans javascript



Il peut parfois être utile de donner la "définition" d'un sigle , accessible comme une sorte de tooltip, en passant la souris près d'un mot. La balise html <acronym> est parfaite dans ce genre de cas. Elle ne nécessite pas à l'internaute d'avoir javascript d'activé et fonctionne avec l'intégralité des navigateurs web ( Internet Explorer, Firefox, Opera, Safari... ).
 

 Comme un exemple vaut bien mieux qu'une longue explication, passez le curseur de la souris près de ces mots surlignés :

  • EDF  
  • GDF 
  • SNCF 
  • www 
  • Un petit tooltip s'affiche, sans être génant avec l'explication du sigle associé.  A la différence de l'abbréviation, l'acronyme peut se prononcer comme un mot complet. L'utilisation de la balise <acronym> s'avère simpliste, suivez cet exemple :
     

    <acronym title="Gaz de France">GDF</acronym>

    Gaz de France : Séparé par des guillemets la valeur de title contient la signification du mot clé, notre "tooltip".
    GDF : Les lettres vues immédiatement dans la page web par l'internaute.
    Comme pour n'importe quelle autre balise html, n'oubliez pas de la fermer </acronym>

     

     

    Nb : Bien sûr, il existe de nombreuses autres méthodes pour  imiter le vieux <acronym>. Jouez sur la valeur title d'un <span> par exemple.
     



    réduireNews
    réduireTutoriel lié
  • <acronym> : tooltip sans javascript
    Une balise html permettant d'afficher des mots au passage de la souris
  • Tutoriel Jquery tooltip
    Un tutoriel Vidéo pour réaliser un tooltip avec Jquery
  • Round Javascript : Arrondir un nombre.
    Comment arrondir un nombre en javascript ?
  • Interdire l'iframe de votre site en javascript..
    Forcer l'affichage unique de votre site web.
  • Dans la même catégorie : Javascript

    Comprendre l'API Youtube pour gérer le temps des vidéo
    réduireSocial

    rss 3D png rss 3D png


    Pseudo :
    Pass :
    Les lecteurs ont donné une note moyenne de :
    note 1
    Donnez votre note à ce tuto sur 10 :

    Problème de guillemets en javascript ?

    Un tutoriel Vidéo pour réaliser un tooltip avec Jquery

    Comment empêcher de copier un texte sélectionné

    Liste des commentaires pour <acronym> : tooltip sans javascript


    Votre PseudoIl y a 0mn
    Votre commentaire forum
    Vous avez la parole
    Laissez un commentaire sur cet article.
    Pseudo :


    Facultatif : Cliquez ici pour choisir une tête
    Votre email ( non publié ) :

    Image anti spam :
    Code Image
    Recopier les 5 chiffres de cette image :






    Prendre contact avec Tayo.fr : Formulaire Tayo


    Tayo.fr, copyright jusqu'en 2233 ( Au moins ! ).