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

SweetAlert - отличные alert окна на jQuery для вашего сайта
[ Скачать с сервера (5.8 Kb) ] 06.12.14, 16:33:38



Отличные, достаточно функциональные, а главное, очень простые в использовании алерт-окна для вашего сайта. В общем, всё сами увидите в описании

Для начала посмотрите ДЕМО

Моё тестирование в фидле: КЛИК

Установка:

После < /head > на нужных страницах вставляйте:
Код
<link rel="stylesheet" type="text/css" href="/css/sweet-alert.css">
<script type='text/javascript' src="/js/sweet-alert.min.js"></script>


Примеры использования:

1. Простое окно:
Код
swal("Я - алерт окно!")


2. Простое окно с заголовком:
Код
swal("Я - заголовок", "Здесь любой ваш текст")


3. Окно с ошибкой:
Код
sweetAlert("Опа...", "Ошибочка вышла!", "error");


4. Окно с успешным выполнением:
Код
swal("Отлично!", "У тебя всё получилось!", "success")


5. Окно, которое само закроется:
Код
swal({
title: "Я само закроюсь!",
text: "Подожди всего 2 секунды.",
timer: 2000
})


6. Окно с callback функцией:
Код
swal({
title: "Серьёзно?",
text: "В самом деле сгрызть все семки?",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Да, сгрызть",
closeOnConfirm: false }, function(){
swal("Круто!", "Все семки были успешно сгрызены.", "success");
});


Больше примеров использования можете найти на сайте, ссылку на который я указал в демо

Файл стиля из прикреплённого архива залейте в папку css, скрипт залейте в папку js

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: Alert, отличные, на, JQuery, Вашего, SweetAlert, окна, сайта, для
Просмотров: 1302 | Загрузок: 264 | Рейтинг: 1.0/7
Всего комментариев: 0
Имя *:
Email: