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 |
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.