Info-bulle

Eléphant du PHP | 256 Messages

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.

devlop78
Invité n'ayant pas de compte PHPfrance

07 févr. 2011, 01:27

On se demande pourquoi ^^

Hamtchi
Invité n'ayant pas de compte PHPfrance

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>

ViPHP
AB
ViPHP | 5818 Messages

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.

nono042
Invité n'ayant pas de compte PHPfrance

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>