Discussion :

[darkloy]

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

[Invité]

salut,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this

est un noeud html.
Tu auras plus de chance avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this).getTip();

.

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

[darkloy]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this).getTip();

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

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

[Invité]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Lors de la création de ta tooltip :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Puis dans ton onbeforeshow :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.