AlertView is a jQuery plugin that provides alerting message. That are like OS X notification window, and Twitter alert message.

AlertView provides two modes. Notification mode is like OS X notification window. Alert mode is like Twitter alert message.

Include jQuery and AlertView

<script type="text/javascript" src="/jquery/2.0.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="/alert_view.css"/>
<script type="text/javascript" src="/alert_view.min.js"></script>

Alert mode

You should add a .alert_view_center element in body, AlertView will be showed in that.

<div class="container">
    <div class="alert_view_center offset1 span10"></div>
    ......

$.av.pop({
    mode: 'alert',
    title: 'Title',
    message: 'AlertView is an alert division ....'
});

// black template
$.av.pop({
    mode: 'alert',
    template: 'black',
    title: 'Title',
    message: 'AlertView is an alert division ....'
});

// error template and not auto hide
$.av.pop({
    mode: 'alert',
    template: 'error',
    expire: 0,
    title: 'Title',
    message: 'AlertView is an alert division ....'
});

Notification mode

$.av.pop({
    title: 'Title',
    message: 'AlertView is an alert division ....'
});

// black template and hide after two seconds
$.av.pop({
    template: 'black',
    expire: 2000,
    title: 'Title',
    message: 'AlertView is an alert division ....'
});

Close AlertView

var aid = $.av.pop({
        title: 'Title',
        message: 'Alert View is an alert division ....'});
$.av.hide(aid);