HelpBallon.js dans ASP.NET UpdatePanel

Question

Quelqu'un sait-il comment faire fonctionner le HelpBallon.js (http://www.beauscott.com/2008/03/02/helpballoonjs-version-20/) dans un UpdatePanel ASP.NET ? Après un postback, toutes les images sont perdues.

Answer 1

Voici ma solution de travail :

Définissez un conteneur où placer l'image :

<span id="myContainer"></span>

puis ajoutez le code suivant :

 <script type="text/javascript">
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_pageLoaded(Page_Loaded);

    function Page_Loaded(sender, args) {
      var hb1 = new HelpBalloon({ returnElement: true, title: 'title', content: 'text.' });
      $get('myContainer').appendChild(hb1.icon);
    }

    }
  </script>

Answer 2

Je ne connais pas ce plugin, mais l'idée générale est que vous devez faire la mise à jour du javascript après le chargement du Panel.

J'ai vérifié le code du plugin HeloBallon et j'ai vu qu'il capturait l'information suivante onload et exécutez le registerClassLinks fonction.

Pour le relancer lorsque le panneau est mis à jour, vous pouvez utiliser ce code javascript sur votre page.

var prm = Sys.WebForms.PageRequestManager.getInstance();    
prm.add_initializeRequest(InitializeRequest);
prm.add_endRequest(EndRequest);

function InitializeRequest(sender, args) {      
}

function EndRequest(sender, args) {
    HelpBalloon.registerClassLinks();
}

Maintenant, vous devez vérifier si cela fonctionne, ou vous devez faire quelques petits changements, mais c'est l'idée.