Minimal jQuery Grouped Notification Boxes Plugin - notifyme
File Size: | 17.7 KB |
---|---|
Views Total: | 1216 |
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.