CODEWITHSUNDEEP
jqueryjquery-pluginsnotifications
Shahin
Shahin

Reputation: 12843

jQuery notifications plugin

I am looking for jQuery Plugin that enabling me displaying notifications like Facebook or Google +.
When I googled it google returns some results that they mostly good for displaying alert or message to user but I want to display last system changes to user.

Upvotes: 1

Views: 1567

Answers (2)

Vicky Chijwani
Vicky Chijwani

Reputation: 10469

I've made an open source jQuery notification system that can be integrated seamlessly with your web app, called jNotifyOSD. You can see a demo on that link. The code's up on GitHub. I've tried to keep the API clean and dead simple to use. Here's an example:

$.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
});

You can even set global defaults for all future notifications (can be overridden on a per-notification basis):

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

Also, I'm working on adding more features, so you could suggest some more features if you wish to use it :)

UPDATE [13th Dec, 2012]:

It's been some time, but I've finally implemented support for multiple visible notifications using a queue system. So for example:

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

You can see a demo here.

Upvotes: 2

MCSI
MCSI

Reputation: 2894

try this plugin: Noty

have different implementations such as:

  1. alert
  2. success
  3. error
  4. warning
  5. information
  6. confirmation

And the notifications can be positioned at the:

  1. top
  2. topLeft
  3. topCenter
  4. topRight
  5. center
  6. centerLeft
  7. centerRight
  8. bottom
  9. bottomLeft
  10. bottomCenter
  11. bottomRight

and you can put them in queue

Upvotes: 0

Related Questions