2009-12-22 4 views
0

Я занимаюсь разработкой сайта с использованием ASP.NET 2.0.AjaxToolKit ModalPopupExtender + AnimationExtender

ModalPopupExtender AjaxToolKit используется для отображения всплывающего окна, содержащего элементы новостей, в то время как пользователь ожидает перенаправления на страницу (на эту страницу требуется некоторое время для загрузки).

Прямо сейчас, я использую свойство OnClientClick кнопки, чтобы показать модальное всплывающее окно, используя его метод show(). Таким образом, всплывающее окно отображается, и начинается перенаправление.

Я хочу показать всплывающее окно с некоторой анимацией - например, затухать или входить сверху, и т. Д. Я взглянул на элемент управления AnimationExtender, но похоже, что он не предоставляет никакого способа делать что-то вроде что. Имеет ли это?

ответ

0

ОК Ребята! Наконец я нашел решение для этого. Я использовал потрясающую библиотеку jsTween для эффекта анимации. Я также использовал событие shown элемента управления ModalPopupExtender для повторного позиционирования всплывающего окна сверху после нажатия его исходного положения на переменную.

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(); 
    } 
}); 
Смежные вопросы