Forum d'entraide PHPFrance

Bonjour,
Est-il possible d'afficher une infobulle sur un texte ?
Je m'explique : avec les tags <p> ou <img> on peut mettre un attribut "title" dont le contenu s'affiche quand la souris passe sur l'élément.
Je voudrais faire la même chose sur certains mots d'un texte, par exemple en passant la souris sur les mots soulignés de cette phrase.
Merci

Cela se fait avec du javascript.
J'ai vu des plugins pour jQuery faire cela sur des balises span.

Entretemps j'ai trouvé
<abbr title="xxx">yyy</abbr>

Toutefois ce n'est pas très correct dans la forme.
Cette balise est faite pour les abréviations.

Tu peux mettre l'attribut title dans des balises p div span etc.

Si tu veux quelque chose de plus personnalisable et réactif, comme dit xTG tu peux regarder du côté de jquery. Sinon il y a des exemples en javascript (sans jquery) sur le siteduzero

Toutefois ce n'est pas très correct dans la forme.
Cette balise est faite pour les abréviations.

Effectivement, mais ça fait exactement ce que je veux
<abbr title="xxx">yyy</abbr>
affiche yyy et quand je passe la souris dessus j'ai une infobulle avec yyy
on peut considérer que yyy est l'abréviation de xxx

Javascript complique inutilement, <p> passe à la ligne, bref ça fonctionne très bien comme ça.

Ce n'est pas le cas de la balise span.
Va vite nous changer cela, plus d'excuses maintenant.

Je ne vois pas comment tu peux créer une infobulle avec <span> !

Tu peux mettre l'attribut title dans des balises p div span etc.

Donc :

<span title="Mon info-bulle">Mon texte</span>

Effectivement, je ne savais pas qu'on pouvait utiliser title avec span, mais ça fait exactement la même chose que abbr; enfin j'ai mis span maintenant, merci.

A propos d'abréviation, sais-tu comment je pourrais créer une infobulle sur un bouton input ?
Le libellé du bouton serait trop long, alors j'ai mis une abréviation, mais ce n'est pas très clair, je voudrais qu'en passant la souris sur le bouton on ait une infobulle avec l'intitulé complet; possible ?

J'ai mis etc. pour dire qu'on peut mettre title sur à peu près tous les éléments http://www.w3schools.com/TAGS/att_standard_title.asp
Alors pourquoi pas sur un bouton ou un élément de formulaire http://fr.selfhtml.org/html/reference/a ... universels

définit un titre pour l'élément
utilisable dans tous les éléments sauf:
base, basefont, head, html, meta, script, style, title

Effectivement, ça fonctionne très bien avec input.
En fait j'avais essayé avec alt comme sur une img mais ça ça ne fonctionne pas.
Encore un grand merci
Rudy

L'attribut alt ne génère en aucun cas une info-bulle, ou alors ton navigateur a quelques soucis. ^^
alt = texte à afficher quand l'image ne s'affiche pas

L'attribut alt ne génère en aucun cas une info-bulle

Ben si !
Par exemple
<a href="http://www.rudyv.be"><img src="../gif/home.gif" Alt="Home" border="0" align="left"></a>
Si on laisse traîner le pointeur de la souris sur l'image apparaît une infobulle dans la quelle on peut lire "Home".

L'image que tu as posté sur ce forum comporte un attribut alt="Image" (voir le code source généré).
Firefox 3.6.13 : aucune info-bulle
Internet Explorer 8.0 : aucune info-bulle
Google Chrome 9.0 : aucune info-bulle



Je ne sais pas quel navigateur tu utilises mais il est bizarre. ^^