Как стать автором
Обновить

jQuery плагин визуального стека сообщений

Время на прочтение2 мин
Количество просмотров3.8K
Стояла задача динамического визуального отображения реакции на действия пользователя со стороны системы.
Другими словами: изменилось какое-то состояние объекта — вывести сообщения об удачном завершении сохранения изменения в базе/системе.
Написание плагина не заставило себя ждать...
 
Пример использования, который показывает функционал плагина:
$('#save').click(function () {
      var msgObj = $.notify.add("Начало сохранения", 3);
      //Выводим сообщение о начале действий (продолжительностью 3 сек) и сохраняем ссылку на сообщение в msgObj
      $.get('test.txt', function (result) {
        if (result.ok) { //если все выполнилось удачно
          $.notify.remove(msgObj, 0.5);
          //удаляем предыдущее сообщение через 0,5 сек, вдруг все сохранилось быстрее чем мы думали
          $.notify.add("Сохранение выполнено успешно", 1);
          //и добавляем новое в стек сообщений
        } else { //если произошла ошибка
          $.notify.remove(msgObj, 0.5);
          //удаляем предыдущее сообщение через 0,5 сек, вдруг все сломалось быстрее чем мы думали
          $.notify.add("Ошибка сохранения", 'error', 3);
          //выводим сообщение "необычного" оформления (css класс error) на 3 сек
        }
      }, "json");
    });


* This source code was highlighted with Source Code Highlighter.

Скачать jquery.notify.js

Об ошибка, предложениях пишите в комменты.
Теги:
Хабы:
Всего голосов 43: ↑40 и ↓3+37
Комментарии35

Публикации

Истории

Работа

Ближайшие события

19 сентября
CDI Conf 2024
Москва
24 сентября
Конференция Fin.Bot 2024
МоскваОнлайн
30 сентября – 1 октября
Конференция фронтенд-разработчиков FrontendConf 2024
МоскваОнлайн