Minimal Growl-style Notification Plugin For jQuery - NotificationJs

File Size: 4.22 KB
Views Total: 855
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Minimal Growl-style Notification Plugin For jQuery - NotificationJs

NotificationJs is a very small jQuery plugin for creating sticky and/or auto-dismissable notification messages that support message queuing and come with 4 notification types.

How to use it:

1. Include the style sheet notificationJs.css for essential CSS styles.

<link href="notificationJs.css" rel="stylesheet">

2. Include the JavaScript file jquery.notificationJs.js after jQuery library on the webpage when needed.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="jquery.notificationJs.js"></script>

3. Create a basic growl-style notification that will always stay visible in the screen.

$('body').notificationJs({
  'message': 'My message'
});

4. Customize your notification by passing the following parameters during initialization.

$('body').notificationJs({

  // 1 = top left
  // 2 = top right
  // 3 = bottom left
  // 4 = bottom right
  'position': 2,

  // background color of the notification
  'background': '#384049',

  // text color for notification messages
  'color' : '#FFF',

  // custom notification message
  'message': 'My message',

  // 'Success', 'Error', 'Warning' or 'Information'
  'type': 'Information',

  // Auto dismiss after a specific timeout
  // false = never dismiss (also can be closed by clicking)
  'timeout': false

});

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