Tiny Growl-style Notification Plugin For jQuery - Notify

Tiny Growl-style Notification Plugin For jQuery - Notify
File Size: 14.9 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Yet another jQuery based notification system which shows growl-style, temporary or permanent notification messages on the webpage. Compatible with Bootstrap framework and comes with 4 built-in themes: warning, information, success and error.

How to use it:

1. Download the notify.js file and reference it in your HTML page. Make sure you first have jQuery library loaded.

<script src="jquery.min.js"></script>
<script src="notify.js"></script>

2. Shows custom notification messages on the webpage.

$.notify.info('info message');
$.notify.success('success message');
$.notify.warning('warning message');
$.notify.error('error message');

3. To create temporary notifications just pass the 'duration' as the second parameters to the $.notify.

$.notify.info('info message', 5); // auto-close

4. Remove all notifications from DOM elements.

$.notify.clear();

5. Override the default color scheme.

$.notify.setup({
  'color': {
    'info': '#31708F',
    'success': '#3C763D',
    'warning': '#8A6D3B',
    'error': '#A94442'
  },
  'bg_color': {
    'info': '#D9EDF7',
    'success': '#DFF0D8',
    'warning': '#FCF8E3',
    'error': '#F2DEDE'
  }
});

6. Change the default position.

$.notify.setup({
  'position': {
    'ver': 'bottom',
    'hor': 'right'
  }
});

Change log:

2017-04-04


This awesome jQuery plugin is developed by sujeet-kumar. For more Advanced Usages, please check the demo page or visit the official website.