Cross-browser Notification Bar Library – jackbox.js

Category: Javascript , Notification | October 4, 2016
Author: ja1984
Views Total: 410 views
Official Page: Go to website
Last Update: October 4, 2016
License: GPL-3.0

Preview:

Cross-browser Notification Bar Library – jackbox.js

Description:

jackbox.js is an extremely lightweight JavaScript library used to display a variety of notification bars that will auto dismiss with inner countdown indicators.

How to use it:

Load the core JavaScript file jackbox.js just before the closing body tag.

<script src="jackbox.js"></script>

Load the OPTIONAL JavaScript file jackbox.polyfills.js for cross-browser support.

<script src="jackbox.polyfills.js"></script>

Initialize the Jackbox and you’re ready to go.

Jackbox.init();

Create notification bars as follows:

Jackbox.success('Im a success message')"
Jackbox.warning('Im a warning message')"
Jackbox.error('Im an error message')"
Jackbox.information('Im an information message')"

By default the notification bars will auto dismiss after 5 minutes. You can change the timeout by passing the options as the second parameter to the Jackbox object.

var notificationCustomSettings = {
    time : 20
}
Jackbox.information('Im an info message',notificationCustomSettings)

You Might Be Interested In:


Leave a Reply