Tooltip : Petite fenêtre au survol de la souris
Résolu
lecoriace
Messages postés
99
Date d'inscription
Statut
Membre
Dernière intervention
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
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...
