Discussion :

[dominos]

Bonjour,

Après plusieurs tests et recherches sans résultat, je me tourne vers vous pour un classique surement...

J'utilise tooltip pour afficher des infobulles, mais je voudrais qu'elles se ferment systématiquement au bout de 5 secondes, pour ce faire, j'utilise le code ci-dessous :

Code :

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

1
2
3
4
5
$(document).ready(function(){
setTimeout(function() {
    $(".tooltip").fadeOut("slow");
}, 5000);
}

Le soucis, c'est si je passe la souris une première fois, ça marche, puis les fois suivante la bulle reste à nouveau affichée.

Si vous avez une expérience dans ce domaine, ça me serait bien utile,
merci d'avance pour votre réponse.

[SpaceFrog]

Il faut le gérer à partir du parent ...

Code :

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

1
2
3
4
5
$('.tooltip_parent').on('mouseover', function(){
  setTimeout(function(){
    $(this).find('.tooltip').fadeOut();
  }, 5000);
}

Ou tout du moins à partir du declencheur du tooltip ...

[dominos]

bah là j'ai la bulle normal jaunatre...
c'est quoi .tooltip_parent ? une div ?

[SpaceFrog]

le parent ou le declencheur du tooltip