Bonjour à tous,


J'ai un petit problème avec Tooltip :

J'ai le code hmtl ci dessous :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
 
<ul id="joueurs">
<li class="disponible">
Laurent
<img id="Laurent" class="versus" src="images/bullet_toggle_plus.png">
<div class="min">nombre de déconnexions :3</div>
</li>
<li class="disponible">
Joe
<img id="Laurent" class="versus" src="images/bullet_toggle_plus.png">
<div class="min">nombre de déconnexions :0</div>
</li>
</ul>
Au survol de la souris, j'affiche donc une "bulle" Tooltip, ça fonctionne pas très bien, les bulles ne ce ferment pas lors de la perte de focus, donc on ce retrouve avec plusieurs bulles qui ce chevauchent...
Donc j'essaye de faire une fonction qui force la fermeture des tooltips existantes avant d'en ouvrir une nouvelle :

Au chargement de la page, je boucle pour créer une infobulle par puce :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
	// Appel de l'infobulle
			$(idDuLi).tooltip({
				onBeforeShow: autoHide
			});
Donc avant d'afficher l'infobulle au survolle, cela appelle la fonction autoHide

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
function autoHide(){
	// Force la fermeture des bulles
	$('#joueurs img').each(function(){
		this.getTip().hide();
		done.call();
	});
}
Mais ça ne marche pas. Ca me dit getTip is not a fonction.

Je comprends pas trop ...