Реклама
timeweb
falbar

Делаем красивые модальные окна при помощи «Sweet Alert» плагина

11 октября 2014 5520 0

Если вы любите выводить сообщения пользователям через модальные окна браузера, то наверняка хотели бы изменить их скучный дизайн на более красивый. В этой статье я расскажу вам про одно из готовых решений, которое позволяет это сделать.

Реклама

Как уже понятно из названия, мы будем пользоваться JavaScript плагином «Sweet Alert» в переводе на русский, что означает «Сладкие Оповещения». Живет этот плагин на сайте github.

Для того чтобы добавить модальные окна к себе на сайт необходимо подключить два файла.

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

После подключения файлов останется вызвать функцию swal() (когда страница загрузиться полностью), чтобы увидеть красивое модальное окно.

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

У плагина есть неплохой набор своих настроек, которые можно изучить на сайте разработчика или в разделе демо в этой статье.

Реклама
Комментариев еще не оставлено
no_avatar