Minimal jQuery Grouped Notification Boxes Plugin - notifyme

Minimal jQuery Grouped Notification Boxes Plugin - notifyme
File Size: 17.7 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

notifyme is a lightweight jQuery plugin used to display alert, warning and error messages in the grouped notification boxes. The notification boxes will auto hide after a certain time duration, and you can click the 'close' icon to close them immediately.

How to use it:

1. Load the jQuery library and the jQuery notifyme plugin's Javascript & CSS in the document.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet"href="notifyme.css">
<script src="notifyme.js"></script>

2. Create buttons to toggle notifications.

<button id="success">Success</button>
<button id="error">Error</button>
<button id="alert">Warning</button>

3. Setup the plugin and set the messages for your notifications.

$(document).ready(function(){
notifyme.config({
showtime: 4000,
position: "topright" // topleft, bottomleft, bottmright
});
$("#error").click(function(){
notifyme.create({
title: "This is error notification",
text: "This is error notification text",
type: "error"
});
});

$("#success").click(function(){
notifyme.create({
title: "This is success notification",
text: "This is success notification text",
type: "success"
});
});

$("#alert").click(function(){
notifyme.create({
title: "This is just alert notification",
text: "This is just alert notification text",
type: "alert"
});
});
});

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