Tooltip : Petite fenêtre au survol de la souris
Résolu
lecoriace
Messages postés
122
Statut
Membre
-
animostab Messages postés 3003 Statut Membre -
animostab Messages postés 3003 Statut Membre -
Bonjour;
J'aimerai faire une tooltip avec du texte formaté. comme le tooltip utilise l'attribut title je ne peux pas faire title="<h1>Bonjour</h1><p>je suis très content par j'ai dansé hier</p>" . si vous pouvez m'aider je suis preneur..
J'aimerai faire une tooltip avec du texte formaté. comme le tooltip utilise l'attribut title je ne peux pas faire title="<h1>Bonjour</h1><p>je suis très content par j'ai dansé hier</p>" . si vous pouvez m'aider je suis preneur..
3 réponses
Salut
un tooltip mis en forme avec css se fait avec la balise span dans un a href
exemple
html
<a class="tool" href="">Essaie moi<span><h1>titre</h1>coucou je suis un tooltips</span></a>
css
.tool span {
display:none;
}
.tool:hover span{
display:block;
/*etc .... mise en forme du span*/
}
.tool:hover span h1 {
color:red;
/*etc .... mise en forme du titre*/
}
voila
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
un tooltip mis en forme avec css se fait avec la balise span dans un a href
exemple
html
<a class="tool" href="">Essaie moi<span><h1>titre</h1>coucou je suis un tooltips</span></a>
css
.tool span {
display:none;
}
.tool:hover span{
display:block;
/*etc .... mise en forme du span*/
}
.tool:hover span h1 {
color:red;
/*etc .... mise en forme du titre*/
}
voila
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
Il y a quantité de scripts disponibles pour faire ça, tu peux regarder la solution proposée par jQuery :
https://jqueryui.com/tooltip/#custom-content
Sinon il y qTip que j'utilisais un moment :
http://qtip2.com/demos/
https://jqueryui.com/tooltip/#custom-content
Sinon il y qTip que j'utilisais un moment :
http://qtip2.com/demos/
Bonjour merci pour vos réponse
ThEBiShOp: je connaissais la méthode du plugin tooltip de Jquery. je pense qu'il est limité pour la stylisation du contenu de la balise title.
animostab: j'ai opté ta méthode mais le hic c'est que si la span est trop grande le block de text en dessous descend. ce n'est pas si grave! ça serai mieux si c'était fixe, qu'elle se place au dessus des autres texte pas qu'ils les descend
merci encore à vous deux...
ThEBiShOp: je connaissais la méthode du plugin tooltip de Jquery. je pense qu'il est limité pour la stylisation du contenu de la balise title.
animostab: j'ai opté ta méthode mais le hic c'est que si la span est trop grande le block de text en dessous descend. ce n'est pas si grave! ça serai mieux si c'était fixe, qu'elle se place au dessus des autres texte pas qu'ils les descend
merci encore à vous deux...
