Главная » Файлы » Прочие скрипты » Яваскрипты

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

Категория: Яваскрипты | Добавил: Apocalypse | Теги: уведомлений, для, ucoz, Простые, окна, Alertfy, Стильные
Просмотров: 549 | Загрузок: 147 | Рейтинг: 1.0/3
Всего комментариев: 0
Имя *:
Email: