Info-bulle

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Info-bulle

Re: Info-bulle

par nono042 » 21 juil. 2012, 22:24

bonsoir.
bon je commence seulement le code html, donc ne prend pas ça pour acquis, mais perso pour mon info bulle dans le code j'ai fait comme ça.
<text title="...">...</text>

Re: Info-bulle

par AB » 30 juin 2011, 21:22

L'attribut title n'est prévu que pour des descriptions courtes.
Pour quelque chose de plus conséquent il faut faire afficher les infobulles en javascript. Tu peux par exemple mettre ton info dans un span avec par défaut display:none, et onmouseover sur le span contenant l'élément qui fait afficher l'info bulle, tu fais display:block sur le span de l'info bulle (et même principe pour onmouseout -> display:none).
C'est le principe de base. Pour quelque chose de plus poussé regarde sur le siteduzero (y'a un topic spécial info-bulle en javascript) ou alors jquery.

Re: Info-bulle

par Hamtchi » 30 juin 2011, 11:55

Tu peux mettre l'attribut title dans des balises p div span etc.
Donc :
<span title="Mon info-bulle">Mon texte</span>

J'utilise la balise <span> pour afficher mon info bulle, ça marche, pas de soucis, par contre mon message est assez long et il est tronqué :(
<td class="label"><span
							title="<bean:message key="hab_si.informationIntervenant.informationsProfil.infobulle"/>">
							<bean:message
							key="hab_si.informationIntervenant.informationsProfil" /></span></td>

Re: Info-bulle

par devlop78 » 07 févr. 2011, 01:27

On se demande pourquoi ^^

Re: Info-bulle

par Herve_be » 06 févr. 2011, 20:36

L'image ci-dessus est simplement une copie d'écran (rognée) d'IE8 et j'ai bien une info-bulle.
Par contre sur Firefox et Chrome tu as raison je n'ai pas d'info-bulle.

Re: Info-bulle

par xTG » 06 févr. 2011, 19:44

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. ^^

Re: Info-bulle

par Herve_be » 06 févr. 2011, 18:44

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".

Image

Re: Info-bulle

par xTG » 06 févr. 2011, 17:53

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

Re: Info-bulle - Résolu

par Herve_be » 06 févr. 2011, 16:31

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

Re: Info-bulle

par AB » 06 févr. 2011, 13:40

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

Re: Info-bulle

par Herve_be » 06 févr. 2011, 10:58

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 ?

Re: Info-bulle

par xTG » 06 févr. 2011, 00:00

Tu peux mettre l'attribut title dans des balises p div span etc.
Donc :
<span title="Mon info-bulle">Mon texte</span>

Re: Info-bulle

par Herve_be » 05 févr. 2011, 23:14

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

Re: Info-bulle

par xTG » 05 févr. 2011, 22:53

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

Re: Info-bulle

par Herve_be » 05 févr. 2011, 21:56

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 :mrgreen:

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