Сегодня я расскажу об одном замечательном плагине для jQuery — jQyert Alert Dialogs. Этот плагин для jQuery заменяет стандартную функциональность, предоставляемую JavaScript-функциями alert(), confirm() и prompt(). Чем же использование этого плагина лучше стандартных методов? Давайте посмотрим:

• Внешний вид полностью настраивается с помощью CSS;
• Для каждого диалога вы можете задать свой заголовок
• Используя обычный prompt(), пользователи IE7 увидят предупреждение и скорее всего им придется перезагрузить страницу

С помощью этих методов симулируется настоящее модальное диалоговое окно. При изменении размеров окна, они сохраняют свое выравнивание, в отличие от большинства существующих диалоговых и lightbox-овых плагинов. Кроме того, если подключить плагин jQuery UI Draggable plugin, то диалоги можно будет перетаскивать. Для корректной работы требуется jQuery 1.2.6 или более новый.

Реализация

<!-- Зависимости -->
<script src="/path/to/jquery.js" type="text/javascript"></script>
<script src="/path/to/jquery.ui.draggable.js" type="text/javascript"></script>
<!-- Подключаем файлы -->
<script src="/path/to/jquery.alerts.js" type="text/javascript"></script>
<link href="/path/to/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />

Использование

Плагин реализует пространство имен $.alerts, но существует три встроенных функции, которые могут упростить задачу:

• jAlert(message, [title, callback])
• jConfirm(message, [title, callback])
• jPrompt(message, [value, title, callback])

В отличие от "родных" JavaScript-функций, вы можете использовать HTML в ваших сообщениях. Новая строка обозначается символом \n либо <br />.

Внимание: Эти методы не возвращают значения, в отличие от confirm() и prompt(). Чтобы получить возвращаемое значение, надо воспользоваться callback-функцией.

Демо  |  Скачать