Lightweight Growl-style Notification Plugin - dm_notify.js

File Size: 5.45 KB
Views Total: 447
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Lightweight Growl-style Notification Plugin - dm_notify.js

dm_notify.js is an ultra-light jQuery notification plugin which provides growl-style alerts and warning messages for your web app with native jQuery fadeIn and fadeOut animations. The plugin is licensed under the GNU GPL.

How to use it:

1. Include the stylesheet dm-notif-style.css for primary notification styles.

<link href="dm-notif-style.css" rel="stylesheet">

2. Include the script dm_notify.js after jQuery library has loaded.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="dm_notify.js"></script>

3. Create a DIV element to place your notifications.

<div id="dm-notif"></div>

4. Call the function to create a notification or warning messages on the screen.

// dm_notification(text, color, timeout)
dm_notification('Notification Message', 'red', 5000)

5. All the parameters.

  • text: The text to show
  • time: The time for the notification to auto close.
  • color: The color of the notification. red, green, blue, orange, yellow or custom (Based on Bootstrap library)

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