Initialization of jGrowl
// default settings     
$.jGrowl.defaults.closer = false;

// interval for checking the status popup
$.jGrowl.defaults.check = 500; 

$.jGrowl("Sticked message. Pop up on page load", { sticky: true });
Standard message. Inline JavaScript
<a href="#" onclick="$.jGrowl('message_text', { life:1000});"></a>
life: 1000 (one second)
Right Bottom
<a href="#" onclick="$('#one').jGrowl('message_text', { theme: 'Right', life:10000 });"></a>
life: 10000 (10 seconds)
theme: 'Right' (class name)
Left Bottom
<a href="#" onclick="$('#two').jGrowl('message_text', { theme: 'Left', life:4000, speed:0 });"></a>
speed: 0 (speed of fade animations)
theme: 'Left' (class name)
life: 4000 (4 seconds)
Callbacks
2 alerts on open
1 alert on close
$('.callbacksLink').click(function(){
	$.jGrowl('Message with callbacks', { 
		theme: 'Left', 
		life:4000, 
		beforeOpen: function(e,m,o) {alert('before open jGrowl')},
		open: function(e,m,o) {alert('After open jGrowl')},
		close: function(e,m,o) {alert('After closing jGrowl popup')},
		speed:0 
	});
});
beforeOpen: alert()
open: alert()
close: alert()
BIG
text message
with photo

$('.bigTextLinks').click(function(){
	$.jGrowl('<img src="48.png" align="left" /> big_text_here ', { 
		theme: 'Left', 
		life:20000
	});
});


life: 20 000 (20 seconds)
Sticked message
$('.stickyMessage').click(function(){
	$.jGrowl('message_text', { 
		theme: 'Left',
		sticky:true
	});
});
sticky: true
Mail notification

$('.borderLink').click(function(){
	$.jGrowl('<img src="gmail.png" /> message_text ', { 
		theme: 'contrastBorder',
		sticky:true
	});
});
theme: 'contrastBorder' (class name)
Back to description