Pure JavaScript Growl-style Notification System – simpleNotify.js

Category: Javascript , Notification | October 21, 2018
Author:drewdulz
Views Total:1,094 views
Official Page:Go to website
Last Update:October 21, 2018
License:MIT

Preview:

Pure JavaScript Growl-style Notification System – simpleNotify.js

Description:

simpleNotify.js is a simple, standalone JavaScript notification library for displaying various types of notifications on your webpage with message queue support.

Features:

  • Simple to use.
  • Growl style.
  • Auto dismiss after a certain timeout.
  • Easy to stylize.
  • Smooth fade in/out animations based on CSS3 transitions.

Basic usage:

Add the JavaScript file simpleNotify.js and stylesheet simpleNotifyStyle.css to your web page.

<script src="simpleNotify.js"></script>
<link rel="stylesheet" href="simpleNotifyStyle.css">

Displays a ‘warning’ notification at the right corner of your webpage that will dismiss after 5 seconds.

simpleNotify('Message here', 5, 'warning')

Parameters.

  • Message: custom text/html content to display
  • Timeout: auto dismiss after x seconds.
  • Level: warning, good, danger or attention. You can add more notification types in the CSS.
simpleNotify(message, timeout, level)

Changelog:

10/21/2018

  • Added notification show time and auto-dismissing

08/02/2018

  • added support for closing icon

You Might Be Interested In:


Leave a Reply