AjaxToolKit ModalPopupExtender + AnimationExtender

Я разрабатываю сайт с использованием ASP.NET 2.0.

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

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

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


modalpopupextender asp.net-2.0 animationextender
person Kirtan    schedule 22.12.2009    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

РЕДАКТИРОВАТЬ

$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();
    }
});
person Kirtan    schedule 31.12.2009