Показать Меню
falbar Модальное окно «Sweet Alert»

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

Модальное окно «Sweet Alert»

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

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

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

<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"
});

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

Спасибо за внимание.

Источник
tristanedwards.me

Подписаться на обновления

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