204 Lightbox

Окно предупреждения на ajax


Всплывающее окно alert box на ajax и jquery.

HTML

Главное это назначить ID:

<a href="#" id="clickMe">Нажми меня</a>

Файл alert.html

Содержит разметку самого всплывающего окна

<div id="alert">
    <p>Вы уверены, что хотите продолжить?</p>
    <a href="#" class="alertButton" id="yes"><span>Да</span></a>
    <a href="#" class="alertButton" id="no"><span>Нет</span></a>
</div>

JS

Подключаем jQuery и плагин alertbox.js.

Вызываем плагин:

        $(function() {
            $('#clickMe').alertBox({
                href: 'success.html'
                // Вы должны добавить 
                // href ссылку на страницу (успешно)
            });
        });

Файл success.html - это файл на который будет произведен переход, вслучае положительного ответа во всплывающем диалоге.

Скачать 1417Загрузок 11,64 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи