Skip to content
Javascript library to display notifications
CSS JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
source
stylesheets
CONTRIBUTING.md
LICENSE
README.md
index.html
jackbox.css
jackbox.js
jackbox.min.js
jackbox.polyfills.js
params.json
preview.gif

README.md

Jackbox

Display timed notifications easy

Preview

Getting started is easy
<script>
    Jackbox.init();
</script>
Adding notifications is just as easy
<script>
    Jackbox.error("Oh noes, something went wrong!");

    Jackbox.warning("Yeah, you might want to check in to that");

    Jackbox.success("Woop woop!");

    Jackbox.information("I'm only here because I can");
</script>
Adding notifications with custom settings
<script>
    var notificationCustomSettings = {
		time : 20,
		classNames: ["long-notification-class"]
	};
	
	Jackbox.information('Im a custom setting message!',notificationCustomSettings);
</script>
Customization is a breeze
<script>
    var customSettings = {
        notification: {
            time : 10, //in seconds, default is set to 5
            classNames : ["custom-class-name", "another-class-name"] //Array of classes
        }
    }
    Jackbox.init(customSettings);
</script>

Browser support

The file jackbox.polyfills.js can be used for modern browser support. IE8 and less, needs to use polyfill for Array.prototype.forEach

You can’t perform that action at this time.