Главная » Файлы » Прочие скрипты » Яваскрипты |
Alertfy - простые стильные окна уведомлений для uCoz
[ Скачать с сервера (4.3 Kb) ] | 25.09.14, 14:23:31 |
Классные, а главное, очень легко подключаемые и настраиваемые уведомлялки для вашего сайта. Настроек не так много, но для модальных окон больше и не нужно Для начала посмотрите ДЕМО Моё тестирование в фидле: КЛИК Установка: После < /head > на нужных страницах вставляйте: Код <link rel="stylesheet" type="text/css" href="/css/alertify.core.css" /> <link rel="stylesheet" type="text/css" href="/css/alertify.default.css" /> <script type='text/javascript' src="/js/alertify.min.js"></script> Ниже я покажу, как вызывать разные типы окон с разными настрйками Простое алерт окно со своим текстом: Код alertify.alert("Здесь любой текст"); Замена надписей OK и CANCEL на свои: Код alertify.set({labels: { ok: "Ага", cancel: "Неа" }}); Окно с подтверждением результата: Код alertify.confirm("Здесь любой текст"); Окно с подтверждением результата и callback функцией: Код alertify.confirm("Здесь любой текст", function (e) { if (e) { // Здесь что угодно, когда кликнули Оk } else { // Здесь что угодно, когда кликнули Cancel } }); Лог окошко (снизу справа): Код alertify.log("Я скоро свалю"); Разные стили лог окон: Код alertify.success("Готово!"); alertify.error("Ошибка"); Настройки для лог окон: Код alertify.set({delay:10000}); // Задержка перед автоматическим закрытием alertify.log("Здесь любой текст", "", 0); // Это окно закроется только после клика по нему Вот, собственно, и всё Скрипт из прикреплённого архива залейте в папку js, стили в папку css Материал подготовлен Apocalypse | |
Просмотров: 704 | Загрузок: 242 | |
Всего комментариев: 0 | |
| |