Easy jQuery Notification Alert Plugin - Notification Creator

File Size: 8.83 KB
Views Total: 674
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Easy jQuery Notification Alert Plugin - Notification Creator

A jQuery based notification creator plugin that helps you create growl and toast style notification messages in a specific container or the whole web page.

How to use it:

1. Load the necessary Font Awesome iconic font for the notification icons.

<link rel="stylesheet" href="font-awesome.min.css">

2. Load jQuery library and the jQuery notification creator plugin's files in the webpage.

<link href="src/NotificationCreator.css" rel="stylesheet">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="src/NotificationCreator.js"></script>

3. Initialize the notification creator and we're ready to go.

$("body").SuccessNC("hello");

4. The JavaScript to display notification messages with default parameters.

$("body").SuccessNC("Success");
$("body").InfoNC("Info");
$("body").DangerNC("Danger"); 

5. Place the notification messages in a specific container.

$("#container").SuccessNC("Success");
$("#container").InfoNC("Info");
$("#container").DangerNC("Danger"); 

6. Show close buttons inside the notification messages.

$("#container").SuccessNC("Success",true);
$("#container").InfoNC("Info",true);
$("#container").DangerNC("Danger",true); 

7. Auto close the notification messages after a specific timeout.

$("#container").SuccessNC("Success",true,1000);
$("#container").InfoNC("Info",true,2000);
$("#container").DangerNC("Danger",true,3000); 

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