NotifyJS

An easy jQuery plugin to make notifications.

Demonstration


Success

Vertical orientation


Alert

Vertical orientation


Error

Vertical orientation





Installation


For a perfect installation NotifyJS requires Bootstrap v.3 and jQuery v.1.10 or higher.

Made to be easy and light, NotifyJS provides a fast and easy way to notify your user.


How to add:

<link src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"/>
<link src="notify.css"/>

<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="notify.js"></script>

Creating a NotifyJS


$.notify.success("Success message! Your code is working.");

$.notify.alert("Alert message! You must pay attention.");

$.notify.error("Error message! Something is wrong.");


Options

    $.notify.success({
        message: 'Your message',
        vertical: 'top',
        horizontal: 'left'
    }, callbackFunction);
Option Value Default Value Description Example
vertical string top Define whether the notification appears on top or bottom vertical: 'top'
horizontal string left Define whether the notification appears on the right or left horizontal: 'left'
callback function - Callback function executed when the notification is closed. function(){ alert('Closed'); }

API

$.notify.close(); - Responsable for closing the active notification.

Download

CSS3 transistions.

CSS Icon

2Kb source code.

Lightweight!

2Kb JS source code minified!
2Kb CSS source code minified!


Download now .rar

Light jQuery plugin for notifications.

JavaScript Icon

5Kb source code.

Leave me a message

Do you want to help improving the code?

Send me a your suggestion, I'll do my best to improve NotifyJS.