Bulle d'aide

Résolu
organogon Messages postés 73 Date d'inscription   Statut Membre Dernière intervention   -  
a70m Messages postés 2763 Date d'inscription   Statut Contributeur Dernière intervention   -
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

12 réponses

a70m Messages postés 2763 Date d'inscription   Statut Contributeur Dernière intervention   217
 
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
0
Neliel Messages postés 6146 Date d'inscription   Statut Contributeur Dernière intervention   1 693
 
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..." />
0
organogon Messages postés 73 Date d'inscription   Statut Membre Dernière intervention  
 
et je peut mettre un texte de ouf genre une explication de 10 lignes avec ca???
0
a70m Messages postés 2763 Date d'inscription   Statut Contributeur Dernière intervention   217
 
Oui, tu peux aussi essayer de rajouter des balises html dedans, mais je ne garantie rien, je n'ai jamais essayé.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Neliel Messages postés 6146 Date d'inscription   Statut Contributeur Dernière intervention   1 693
 
Oui, bien que je ne vois pas trop l'intérêt de mettre 10 lignes dans une bulle...
0
a70m Messages postés 2763 Date d'inscription   Statut Contributeur Dernière intervention   217
 
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 ;)
0
organogon Messages postés 73 Date d'inscription   Statut Membre Dernière intervention  
 
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
0
a70m Messages postés 2763 Date d'inscription   Statut Contributeur Dernière intervention   217
 
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
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
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/
0
a70m Messages postés 2763 Date d'inscription   Statut Contributeur Dernière intervention   217
 
Ah bah voilà. Je me disais aussi qu'il n'était pas très approprié pour ça.

Merci notobe ;)
0
Neliel Messages postés 6146 Date d'inscription   Statut Contributeur Dernière intervention   1 693
 
Title... comme son nom l'indique était fait pour donner un titre à une image ou à la rigueur une description courte.
0
a70m Messages postés 2763 Date d'inscription   Statut Contributeur Dernière intervention   217
 
Oui, mais je m'en doutais un peu qu'il devait y avoir autre chose.
0