Discussion :

[Charles Sapin]

Bonjour,

J'utilise "rooltip" de la manière suivante :

Code :

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

1
2
3
  $( function() {
    $( document ).tooltip();
  } );

J'utilise également "dialog" pour modifier certains éléments sur ma page. Je modifie le "titre" et l'apparence du "bouton" appelant la fenêtre de dialogue (celle créée via dialog) de la manière suivante (pour info, c'est un bouton de connexion ; vert lorsque l'utilisateur est connecté et rouge lorsqu'il n'est pas connecté / les infos bulles sont en rapport ; "vous êtes connecté" et "vous n'êtes pas connecté") :

Code :

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

1
2
$('.Connexion').css("background-image", "url(/Images/Connected-no.png)");
$('.Connexion').attr("title", returnValue);

La class "Connexion" est précisément la class du "bouton" appelant la fenêtre de dialogue.

Mon problème est le suivant :

Lorsque je ferme ma fenêtre de dialogue $('#dialog').dialog('close'); l'ancienne "info bulle" de mon bouton apparaît alors même que mon apparence et mon "titre" ont changés. J'ai donc par exemple une info bulle "vous êtes connecté" sur un bouton rouge qui signifie le contraire.
Si je vais avec ma souris sur le bouton, la nouvelle info bulle classique (HTML sans tooltip) apparaît au dessus de l'ancienne info bulle tooltip. Dans ce cas, j'ai une info bulle "html" "vous n'êtes pas connecté", un bouton rouge et une info bulle tooltip "vous êtes connecté".
Si je clique le bouton de la souris, tout rentre dans l'ordre (comme si l'info bulle tooltip avait le temps de se mettre à jour pour mon prochain passage au dessus de ce bouton).

De mon point de vue, deux solutions pour résoudre mon problème :

1. Ne pas afficher l'info bulle lorsque je ferme ma fenêtre de dialogue. Pourquoi cette info bulle doit-elle être affichée à ce moment là (le pointeur de ma souris n'est absolument pas sur ce bouton) ? La solution est sûrement dans la réponse à cette question.
2. Mettre à jour l'info bulle avant de l'afficher. Une sorte de refresh de tooltip...

Merci de me dire comment faire. C'est peut-être très simple mais je débute en JQuery...

Charles

[Toufik83]

Bonjour,

Tu peux utiliser les méthodes de tooltip en tant que des fonctions de rappelle (callback), voir la documentation.

[Charles Sapin]

Bonjour,

J'ai résolu mon problème en utilisant ce code avant de fermer ma fenêtre de dialogue :

Code :

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

1
2
3
$( ".Connexion" ).tooltip({
   disabled: true
});

Charles