Notifoo

A very basic & extendable notification plugin with jQuery

For help and download, go here: https://github.com/mikeleshtembari/notifoo
Click each button for the notification; hover each button for the HTML markup


Calling the plugin

Default
$('#def').notifoo();


Success
$('#succ').notifoo({
theContent: 'Success!',
typeNotify: 'success'
});

Warning
$('#warn').notifoo({
theContent: 'Warning!',
typeNotify: 'warning'
});

Error
$('#erro').notifoo({
typeNotify: 'error'
});

Info
$('#info').notifoo({
typeNotify: 'info'
});

Slide
$('#slide').notifoo({
theContent: 'Slide',
animation: 'slide'
});

Fade
$('#fade').notifoo({
animation: 'fade'
});

Timer 5s
$('#timeF').notifoo({
timer: 5000
});

Timer 0.5s
$('#timeS').notifoo({
timer: 500
});

Right
$('#rightS').notifoo({
position: 'right'
});

Left
$('#leftS').notifoo({
position: 'left'
});

Middle
$('#middS').notifoo({
position: 'top'
});

Combined
$('#mix').notifoo({
position: 'right',
animation: 'fade',
typeNotify: 'warning',
timer: 3000
});

Custom
$('#custom').notifoo({
theContent: '<u>MUCH</u><br /><i>WOW</i>',
position: 'left',
animation: 'fade',
typeNotify: 'custom1',
timer: 4000
});


All options:



	// string - any html markup
	theContent: 'html code in here'

	// string - type of the notification
	typeNotify: 'success', 'error', 'warning', 'info'

	// integer - how long the notification stays, in milliseconds
	timer: 1000, 500, 5000

	// string - animation used to close the notification
	animation: 'slide', 'fade'

	// string - position where it appears
	position: 'left', 'top', 'right'

	// default options:
	theContent: 'information'
	typeNotify: 'info',
	timer: 2000,
	animation: 'slide',
	position: 'right'