Половина программистов использует для уведомлений пользователям стандартные всплывайки типа 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 – например, чтобы изменить названия кнопок или задать события.
(Пока оценок нет)
Загрузка...