Стояла задача динамического визуального отображения реакции на действия пользователя со стороны системы.
Другими словами: изменилось какое-то состояние объекта - вывести сообщения об удачном завершении сохранения изменения в базе/системе.
Пример использования, который показывает функционал плагина:
var msgObj = $.notify.add("Начало сохранения", 3);
//Выводим сообщение о начале действий (продолжительностью 3 сек) и сохраняем ссылку на сообщение в msgObj
$.get('/test.php', 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);
//выводим сообщение "необычного" оформления на 3 сек
}
});
Скачать jquery.notify.js
1) Предлагаю сделать, как минимум, так:
ReplyDeleteСтрока 15: $(document.body).append('_div id="notifyBox" style="position: fixed; top:0; left:50%; margin-left:-150px; text-align:center">_div id="boxs"__/div__/div_');
Что бы избавиться от таблиц. Да и стили желательно из style перенести в #notifyBox.
2) На скринах дополнительно используется плагин, для закругления DIV-а. В "коробке" такого нет.
3) .messageBox {
height:auto;
}
Иногда такое понадобится, если вы используете CSS-ресеты. А то высота нотисов может быть другая.