Замена стандартного alert, prompt, confirm. Стилизация alert

Владислав Белецкий
Владислав Белецкий .
Категория:
Комментариев: 0

Половина программистов использует для уведомлений пользователям стандартные всплывайки типа alert. Их неоспоримым преимуществом является простота вывода и не затейливость кода.

Но минусом – отсутствие возможности хоть как-то менять внешний вид. Более того, в разных браузерах такие “всплывайки” выглядят по разному. Также в alert нельзя вставлять html теги – например, ссылки или картинки.

Чтобы исправить данную ситуацию, предлагаю рассмотреть скрипт smoke-pure.js, который решит все эти проблемы.

Для его работы не нужна библиотека jQuery, а это огромный плюс. Достаточно подключить на вашем сайте всего 2 файла smoke-pure.css и smoke-pure.js.

Этот скрипт заменяет стандартный alert, prompt, confirm на свои с возможностью вставки html кода прямо внутрь alert-a. Также имеет множество настроек в smoke-pure.js и может вызывать функции в зависимости от нажатия кнопок.

Для создания обычного alert-a используйте код:
smoke.alert (“Супер всплывайка <br>с <b>html</b> тегами”);

Подтверждение действия
smoke.confirm (“Вы действительно хотите удалить файл?”, function (result) {
if (result === false) return; //Выбрали отмена
smoke.alert (“Файл был удален!”, function (result) {window.location = ”;})
})

Просьба ввести что-то
smoke.prompt (“Введите ваше имя”, function (result) {
if (result === false) return; //Выбрали отмена
smoke.alert (“Вы ввели “” + result + “”.”);
})

Как видите код очень простой и работает сразу для всех 3-х видов окон JavaScript. Стилизовать всплывайку вы можете в файле smoke-pure.css – например, поменять цвета и шрифты, чтобы она больше соответствовала вашему стилю. А поменять параметры в файле smoke-pure.js – например, чтобы изменить названия кнопок или задать события.

Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии