плагин jQuery-уведомлений - PullRequest
       25

плагин jQuery-уведомлений

1 голос
/ 07 августа 2011

Я ищу плагин jQuery, который позволяет мне отображать уведомления, такие как Facebook или Google +.
Когда я гуглял, Google возвращает некоторые результаты, которые в основном подходят для отображения предупреждения или сообщения пользователю, но я хочу отобразить последние системные изменения для пользователя.

Ответы [ 3 ]

2 голосов
/ 21 августа 2011

Я создал систему уведомлений с открытым исходным кодом jQuery, которая может быть легко интегрирована с вашим веб-приложением, которая называется jNotifyOSD .Вы можете увидеть демо по этой ссылке.Код на GitHub .Я пытался сохранить API чистым и простым в использовании.Вот пример:

$.notify_osd.create({
  'text'        : 'Hi!',             // notification message
  'icon'        : 'images/icon.png', // icon path, 48x48
  'sticky'      : false,             // if true, timeout is ignored
  'timeout'     : 6,                 // disappears after 6 seconds
  'dismissable' : true               // can be dismissed manually
});

Вы можете даже установить глобальные значения по умолчанию для всех будущих уведомлений (может быть переопределено для каждого уведомления):

$.notify_osd.setup({
  'icon'        : 'images/default.png',
  'sticky'      : false,
  'timeout'     : 8
});

Кроме того, я работаюпри добавлении дополнительных функций, чтобы вы могли предложить некоторые дополнительные функции, если хотите использовать его:)

ОБНОВЛЕНИЕ [13 декабря 2012] :

Прошло некоторое время, но я наконец-то реализовал поддержку нескольких видимых уведомлений, используя систему очередей.Например,

$.notify_osd.setup({
  // ... config ...
  'visible_max' : 5                  // max 5 notifications visible simultaneously
  'spacing'     : 30                 // spacing between consecutive notifications
});

Здесь вы можете увидеть демо .

0 голосов
/ 05 сентября 2012

попробуйте этот плагин: Noty

имеют различные реализации, такие как:

  1. alert
  2. success
  3. error
  4. предупреждение
  5. информация
  6. подтверждение

А уведомления можно размещать по адресу:

  1. вверху
  2. topLeft
  3. topCenter
  4. topRight
  5. center
  6. centerLeft
  7. centerRight
  8. bottom
  9. bottomLeft
  10. bottomCenter
  11. bottomRight

и вы можете поместить их в очередь

0 голосов
/ 07 августа 2011

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

...