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

: 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é
  • : 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 ?
  • Fonction addslashes pour javascript
    Problème de guillemets en javascript ?
  • Dans la même catégorie : Javascript

    Passer l'activation de Windows 7 temporairement avec invite de commande

    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
    Note: 1 sur 10

    Donnez votre note à ce tuto sur 10 :

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

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

    Problème de guillemets en javascript ?

    Liste des commentaires pour : 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 ! ).