not!fier

unobtrusive javascript notification

what is notif!er

notif!er is a jQuery extension / plugin for inline notification

features

unobtrusive notification system
self enclosed
predefined skins

flexibility

supported via $.ajax()
title and message
lifespan duration
skins via css

where can i use notif!er

you can use notif!er in any instance you see fit. It can be used to notify user of actions ie: successful edit, twitter update, new comment post... ...you decide!

download

you can download notif!er in either full or minified version. Simply include it in your header along with the jQuery base

who is behind notif!er

thanks to the following

why should i use notif!er

it is easy to implement, and easy to extend

$.notifier.broadcast(
	{
		ttl:'how easy?',
		msg:'this easy!'
	}
);

how can i use notif!er

/*
$.notifier usage
--------------------------------
there is no need to instantiate as it extends jQuery base

requires
--------------------
ttl -> string
msg -> string

options
--------------------
skin -> string | array -> [rounded, red (add your own)]
duration -> number millisecond (1000 = 1 sec)
*/

$.notifier.broadcast({ttl:'hello', msg:'this is a message'}); // default
$.notifier.broadcast({ttl:'hello', msg:'this is a message', skin:'rounded'}); // custom skin
$.notifier.broadcast({ttl:'hello', msg:'this is a message', skin:'rounded, red', duration:2500}); // custom skins, set duration

demo

default

$.notifier.broadcast(
	{
		ttl:'how easy?',
		msg:'this easy!'
	}
);

skin

$.notifier.broadcast(
	{
		ttl:'how easy?',
		msg:'this easy!',
		skin:'rounded'	
	}
);

duration

$.notifier.broadcast(
	{
		ttl:'how easy?',
		msg:'this easy!',
		skin:'rounded,red',
		duration:2500	
	}
);