Плагин jQuery notification

Плагин jQuery notification

31.05.201215251

Представляем плагин уведомления на JQuery, этот плагин сделает вид оповещения о чем-либо на сайте более понятным и приятным. Плагин jQuery notification показывает четыре вида оповещения: успешное выполнение действия, ошибка, предупреждение и информация. Различие только в цвете, цвета, естественно, самые подходящие. Где можно использовать такой плагин оповещения? Можно сообщать об ошибках на сайте, также можно сделать просьбу, например, о добавлении страницы в избранное. Оповещение выдвигается сверху в виде фиксированной панели с шириной на всю страницу. Закрывается оповещение нажатием на крестик.

Установка

1. Подключите JQuery и библиотеку плагина jQuery notification:

Code
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="js/jquery_notification_v.1.js"></script>


2. Установите код для подключения CSS:

Code
<link href="css/jquery_notification.css" type="text/css" rel="stylesheet"/>


3. Вызов функции осуществляется следующим образом:

Code
showNotification({
  type : "error",
  message: "Это простой пример использования плагина"
});


Значения для параметра "type": success, error, warning, information.

Пример страницы (с дополнительными параметрами)

Code
<html>
<head>
<link href="css/jquery_notification.css" type="text/css" rel="stylesheet" />  
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="js/jquery_notification_v.1.js"></script>  
<script type="text/javascript">
$(document).ready(function(){
showNotification({
message: "Пример оповещения",
type: "success",
autoClose: true,
duration: 5
});
});
</script>
</head>
<body>
Содержимое страницы
</body>
</html>



Сохраните в социальную сеть
Комментарии (1)
Sargis Kirakosyan 21.07.2015 в 13:34Спам
Как сделать чтобы когда я отправил форму, а точнее нажал на кнопку отправить показало бы мне это оповещение?
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт