AjaxToolKit ModalPopupExtender + AnimationExtender - PullRequest
0 голосов
/ 22 декабря 2009

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

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

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

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

1 Ответ

0 голосов
/ 31 декабря 2009

Хорошо, ребята! Я наконец-то нашел решение для этого. Я использовал удивительную библиотеку 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();
    }
});
...