2009-12-22 8 views
0

Je développe un site utilisant ASP.NET 2.0.AjaxToolKit ModalPopupExtender + AnimationExtender

ModalPopupExtender d'AjaxToolKit est utilisé pour afficher une fenêtre contextuelle contenant des éléments d'information pendant que l'utilisateur attend d'être redirigé vers une page (cette page prend un certain temps à charger).

À l'heure actuelle, j'utilise la propriété OnClientClick d'un bouton pour afficher la fenêtre modale en utilisant sa méthode show(). Ainsi, la fenêtre contextuelle est affichée et la redirection commence. Je veux montrer le popup avec une animation - comme un fondu entrant ou venant du haut, etc. J'ai jeté un oeil au contrôle AnimationExtender, mais il semble qu'il ne fournit aucune méthode pour faire quelque chose comme cette. Le fait?

Répondre

0

Ok Les gars! J'ai finalement trouvé une solution pour cela. J'ai utilisé la géniale bibliothèque jsTween pour l'effet d'animation. J'ai également utilisé l'événement shown du contrôle ModalPopupExtender pour repositionner le popup sur le dessus après avoir poussé sa position d'origine vers une variable.

EDIT

$find("ModalPopupExtender").add_shown(function(sender, args) { 
     var el = sender.get_element(); 
     var top = parseFloat(el.style.top); 

     var tween = new Tween(document.getElementById("PopupPanelID").style, 'top', Tween.elasticRegularEaseInOut, -300, top, 2, 'px'); 
     tween.start(); 
    } 
});