AjaxToolKit ModalPopupExtender + AnimationExtender

Question

ASP.NET 2.0을 사용하여 사이트를 개발 중입니다.

AjaxToolKit의 ModalPopupExtender는 사용자가 페이지로 리디렉션되기를 기다리는 동안 (로드하는 데 시간이 걸리는) 뉴스 항목이 포함 된 팝업을 표시하는 데 사용됩니다.

지금은 show() 메서드를 사용하여 모달 팝업을 표시하기 위해 버튼의 OnClientClick 속성을 사용하고 있습니다. 그러면 팝업이 표시되고 리디렉션이 시작됩니다.

애니메이션을 사용하여 팝업을 표시하고 싶습니다. 예를 들어 페이드 인하거나 맨 위부터 들어오는 것과 같습니다. AnimationExtender 컨트롤을 살펴 봤지만 비슷한 방법을 제공하지는 않습니다. 그. 그거야?

Answer 1

좋아, 얘들 아! 나는 이것을위한 해결책을 마침내 발견했다. 나는 애니메이션 효과를 위해 멋진 jsTween 라이브러리를 사용했습니다. 또한 ModalPopupExtender 컨트롤의 shown 이벤트를 사용하여 원래 위치를 변수로 푸시 한 후 팝업을 다시 위치 지정했습니다.

편집

$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(); 
    } 
});