jQuery Plugin To Show Pretty Notifications with Icons - Notification Service

File Size: 38.7 KB
Views Total: 2582
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Show Pretty Notifications with Icons - Notification Service

Notification Service is an extension for jQuery growl plugin that provides an easy way to display informative messages with appropriate icons.

How to use it:

1. Include the required jQuery library and jQuery growl plugin's Javascript & CSS in the web page.

<link rel="stylesheet" href="css/jquery.growl.css"></style>

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="js/jquery.growl.js"></script>

2. Include the jQuery notification service plugin after jQuery library.

<script src="js/NotificationService.js"></script>

3. The functions to display notifications with custom messages. Following types of notifications was supported:

  • Error
  • Warning
  • Info
  • Top navigation bar
// error
$.NotificationService.showErrorNotification({
  title: "Title",
  message: "Error message"
});

// warning
$.NotificationService.showWarningNotification({
  title: "Title",
  message: "Warning message"
});

// Info
$.NotificationService.showInfoNotification({
  title: "Title",
  message: "Info message"
});

// Top notification bar
$.NotificationService.showInfoNotification({
  title: "Title",
  message: "Info message", 
  type: "top"
});

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