Симпатичные alert-ы

demosourse

Sweet Alert - это прикольный JavaScript плагин, который превратит ваши скучные alert-ы в что-то особенное.

Подключение файлов

<script src="lib/sweet-alert.min.js"></script>
<link rel="stylesheet" type="text/css" href="lib/sweet-alert.css">

Инициализация библиотеки

Вызовите плагин при полной загрузке страницы:

swal({
    title: "Error!",
	text: "Here's my error message!",
	type: "error",
	confirmButtonText: "Cool"
});

Параметры

title null (обязательный) Заголовок модального окна
text null Текст-описание
type null Тип модального окна: "warning", "error", "success" или "info"
allowOutsideClick false Если true, то окно закроется при клике за его пределы
showCancelButton false Если true, то будет показана кнопка отмены
confirmButtonText "OK" Текст кнопки-подтверждения
confirmButtonColor "#AEDEF4" Цвет кнопки-подтверждения
cancelButtonText "Cancel" Текст кнопки отмены
imageUrl null Адрес собственной иконки
imageSize "80x80" Размер иконки

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://www.webappers.com/2014/10/07/sweetalert-beautiful-replacement-javascript-alert/
Перевел: Станислав Протасевич
Урок создан: 6 Октября 2014
Просмотров: 33451
Правила перепечатки


5 последних уроков рубрики "jQuery"

^ Наверх ^