Создаем модальное окно jQuery

Добавлено пользователем 15.02.2016

модальное окно

Часто разработчику приходится создавать диалоговые окна, которые бы явно обращали на него внимание пользователей. Это могут быть диалоговые окна с заполнением обязательных полей, диалоговые окна с выбором следующего действия либо диалоговые окна с сообщениями об ошибке. В любом случае такие окна должны привлекать к себе внимание, не давая пользователю возможности сделать что-нибудь другое. Эти диалоговые окна называются модальными. В сети есть огромное количество плагинов под jquery, нативных js-скриптов для создания модальных диалогов. И все они абсолютно разные.

Каждый плагин решает проблему, для которой он был создан. Поэтому создать модальное окно jQuery – не такая уж и сложная задача. Некоторые плагины открывают доступ к модальным окнам во время выполнения. Некоторые не разрешают вешать события.

А некоторые очень большие и тащат за собой 200 Кб ненужного кода. С помощью диалоговых окон juPopup можно работать с диалоговыми окнами как в стиле плагина jQuery так и в объектно-ориентированном стиле. С помощью первого способа можно легко получать доступ к окнам в любых местах программы. С помощью второго способа можно легко расширить функции окон, воспользовавшись делегированием или наследованием через прототип. Конечно, у модуля есть некоторые недостатки. К примеру, если высота контента диалогового окна больше чем окно браузера, контента не будет видно.

В таком случае, разработчику нужно самостоятельно решить, что делать с контентом и как его отображать.

Похожие посты:

Как сделать jQuery анимацию
При помощи каких методов можно сделать jQuery скролл
Создаем выезжающую панель jQuery