PNotify

Consuming the Alert

XJPnotify.consumeAlert()
//OR
function consume_alert() {
    if (_alert) return;
    _alert = window.alert;
    window.alert = function(message) {
        new PNotify({
            title: 'Alert',
            text: message
        });
    };
}

Release the Alert

XJPnotify.releaseAlert()
//OR
function release_alert() {
    if (!_alert) return;
    window.alert = _alert;
    _alert = null;
}

alert()

alert("hihi")

Demo

function demo() {
    new PNotify({
        title: "Over Here",
        text: "Check me out. I'm in a different stack.",
        addclass: "stack-custom",
        stack: {"dir1": "down", "dir2": "right", "push": "top"}
    })


    var myStack = {"dir1": "down", "dir2": "right", "push": "top"};
    new PNotify({
        title: "Over Here",
        text: "Check me out. I'm in a different stack.",
        addclass: "stack-custom",
        stack: myStack
    })
    new PNotify({
        title: 'Bootstrap Notice',
        text: 'Look at my beautiful styling! ^_^',
        styling: 'bootstrap3'
    });
    new PNotify({
        title: 'Bootstrap Info',
        text: 'Look at my beautiful styling! ^_^',
        type: 'info',
        styling: 'bootstrap3'
    });
    new PNotify({
        title: 'Bootstrap Success',
        text: 'Look at my beautiful styling! ^_^',
        type: 'success',
        styling: 'bootstrap3'
    });
    new PNotify({
        title: 'Bootstrap Error',
        text: 'Look at my beautiful styling! ^_^',
        type: 'error',
        styling: 'bootstrap3'
    });
    new PNotify({
        title: 'jQuery UI Notice',
        text: 'Look at my beautiful styling! ^_^',
        styling: 'jqueryui'
    });
    new PNotify({
        title: 'jQuery UI Info',
        text: 'Look at my beautiful styling! ^_^',
        type: 'info',
        styling: 'jqueryui'
    });
    new PNotify({
        title: 'jQuery UI Success',
        text: 'Look at my beautiful styling! ^_^',
        type: 'success',
        styling: 'jqueryui'
    });
    new PNotify({
        title: 'jQuery UI Error',
        text: 'Look at my beautiful styling! ^_^',
        type: 'error',
        styling: 'jqueryui'
    });
    new PNotify({
        title: 'Font Awesome Notice',
        text: 'Look at my beautiful styling! ^_^',
        styling: 'fontawesome'
    });
    new PNotify({
        title: 'Font Awesome Info',
        text: 'Look at my beautiful styling! ^_^',
        type: 'info',
        styling: 'fontawesome'
    });
    new PNotify({
        title: 'Font Awesome Success',
        text: 'Look at my beautiful styling! ^_^',
        type: 'success',
        styling: 'fontawesome'
    });
    new PNotify({
        title: 'Font Awesome Error',
        text: 'Look at my beautiful styling! ^_^',
        type: 'error',
        styling: 'fontawesome'
    });
    return false;
}