bulle d'aideRésolu/Fermé

Question

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

Configuration: Mac OS X / Safari 531.22.7

a70m · Answer

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

Neliel · Answer

Bonjour, Dans la balise 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:

organogon · Answer

et je peut mettre un texte de ouf genre une explication de 10 lignes avec ca???

a70m · Answer

Oui, tu peux aussi essayer de rajouter des balises html dedans, mais je ne garantie rien, je n'ai jamais essayé.

Neliel · Answer

Oui, bien que je ne vois pas trop l'intérêt de mettre 10 lignes dans une bulle...

a70m · Answer

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 ;)

organogon · Answer

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

a70m · Answer

Sinon tu peux aussi faire un JavaScript et un

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

notobe · Answer

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/

a70m · Answer

Ah bah voilà. Je me disais aussi qu'il n'était pas très approprié pour ça. 

Merci notobe ;)

Neliel · Answer

Title... comme son nom l'indique était fait pour donner un titre à une image ou à la rigueur une description courte.

a70m · Answer

Oui, mais je m'en doutais un peu qu'il devait y avoir autre chose.

Bulle d'aide

12 réponses

Discussions similaires

Newsletters