Bulle d'aide
Résolu
organogon
Messages postés
74
Statut
Membre
-
a70m Messages postés 3121 Statut Contributeur -
a70m Messages postés 3121 Statut Contributeur -
bonjours je voudrais savoir si quelqu'un sait comment faire ou connait un tutoriel pour faire une bulle qui s'ouvre lorsque l'on passe la souris sus le texte ou une image pour expliquer ce sur quoi pointe la bulle
merci pour votre aide
merci pour votre aide
12 réponses
-
Salut,
Déjà tu as l'attribut title="" à mettre dans une balise qui affiche le texte au passage de la souris,
Sinon, un coup de javascript ;)
Cordialement -
Bonjour,
Dans la balise <img> tu rajoutes l'attribue title.
En somme si tu veux qu'en passant sur une image, une bulle d'aide s'affiche avec marqué "La plage...", tu fais:
<img src="lien de l'image" alt="" title="La plage..." />
-
et je peut mettre un texte de ouf genre une explication de 10 lignes avec ca???
-
Oui, tu peux aussi essayer de rajouter des balises html dedans, mais je ne garantie rien, je n'ai jamais essayé.
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Oui, bien que je ne vois pas trop l'intérêt de mettre 10 lignes dans une bulle...
-
Donc tu peux mettre 10 lignes d'aide dans cette petite bulle d'aide, mais les balise HTML ne sont pas prises en charge. Donc il faut le faire avec du PHP je pense ;)
-
merci c'est juste du texte que je souhaite mettre pour expliciter quelques point sur mon site a l'aide d'une petite image genre point d'interogation a coter du mot en question
donc le systeme titre devrait fonctionne je vais essayer ca
merci -
Sinon tu peux aussi faire un JavaScript et un <div style="display:hidden;"> qui au passage de la souris sur ton point d'interrogation, le JavaScript change le style de ta div en absolute. Et tu dis dans ton javascript que la position de la div dépend de la position du curseur de la souris :)
Cordialement -
Le title n'est pas fait pour mettre 10 lignes d'explications.
C'est un "tooltip" je pense que tu cherches.
Sans javascript : http://www.webcssdesign.com/css/css-tooltip-ultra-simple/
Avec ajax, js et css : https://www.smashingmagazine.com/2015/01/why-ajax-isnt-enough/ -
Ah bah voilà. Je me disais aussi qu'il n'était pas très approprié pour ça.
Merci notobe ;) -
Title... comme son nom l'indique était fait pour donner un titre à une image ou à la rigueur une description courte.
-
Oui, mais je m'en doutais un peu qu'il devait y avoir autre chose.
