Если вы любите выводить сообщения пользователям через модальные окна браузера, то наверняка хотели бы изменить их скучный дизайн на более красивый. В этой статье я расскажу вам про одно из готовых решений, которое позволяет это сделать.
Как уже понятно из названия, мы будем пользоваться 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"
});
У плагина есть неплохой набор своих настроек, которые можно изучить на сайте разработчика или в разделе демо в этой статье.