Jquery Tools et Tooltip

[darkloy]

Bonjour à tous,


J'ai un petit problème avec Tooltip :

J'ai le code hmtl ci dessous :

Code :

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 :

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 :

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 ...

[galerien69]

salut,

Code :

this

est un noeud html.
Tu auras plus de chance avec

Code :

$(this).getTip();

.

cela dit, je suis pas sûr non plus que $(this), soit solution!

[darkloy]

Code :

$(this).getTip();

Idem, j'avais déjà essayé mais merci à toi

Voila comment on perds des heures de développement...

[galerien69]

J'aurais bien tenté d'y jeter un coup d'oeil, mais pas moyen de shopper une version non minifiée... .

Cela dit, je sais pas ce que t'affiches dans ta bulle. J'intuite néanmoins que tu peux créer un

Code :

<span id="#hiddenComment">blablalba</span>

Lors de la création de ta tooltip :

Code :

1
2
3
$('#myImg').tooltip({
 tip:'#hiddenComment'
});

Puis dans ton onbeforeshow :

Code :

1
2
3
4
5
function autoHide(){
 $('machin').each(function(){
  $('#hiddenComment').hide();
 });
}

Je dis ca car je pense qu'il prend le span et lui ajoute un left,etc. Du coup en forcant un display none ca devrait le faire!

[morganistic]

va voir du coté du script horinaja (http://horinaja.com/) je sais qu'en tentant de le mettre en place sur un site, j'avais oublié d’appliquer le css "overflow:hidden;" sur conteneur d'images et du coup, on voyait les slides précédents et suivants.
par contre c’était a l'horizontale...a voir si il est possible de l'adapter en slide vertical.
je sais aussi qu'il existe une version pro + customisable.