Updated Nov 23, 2008 by hhh333
Labels:	Featured

UiToaster

ui.toaster.js

Introduction

Option	Default	Description
delay	0	Timeout in seconds before showing toaster
timeout	3	Timeout in seconds to show the toaster
position	auto	Atrong tl, tr, bl, br
speed	slow	Animation speed (string or seconds)
closable	true	Allow user to close the toaster
sticky	false	Show the toaster until the user close it
onClose	false	Function called before closing the toaster
onClosed	false	Function called after closing the toaster
onHide	false	Function called when use close the toaster
onOpen	false	Function called before opening the toaster
onOpened	false	Function called after opening the toaster
show	$.fn.slideDown	Effect to use when showing the toaster
hide	$.fn.fadeOut	Effect to use when user manually close the toaster
close	$.fn.slideDown	Effect to use when closing toaster

$.ui.toaster($('<p>hello world</p>'));
$.ui.toaster('hello world');

$('#msg-box').ui.toaster();
$('<p>hello world</p>').ui.toaster();

$('a[href=#close-dedault]').click(function(){
    $('<div><p>Click anywhere in the box to close it.</p><div>').toaster()
});

$('a[href=#close-dedault]').click(function(){
    $('<div><p>This box won\'t close until user close it.</p><div>').toaster({sticky: true})
});

$('a[href=#close-custom]').click(function(){
    $('<div><a class="ui-toaster-close">x</a><p>Click the "x" to close the box.</p><div>').toaster()
});

$('<div><p>Delayed opening..</p><div>').toaster({delay: 3})

Comment by JeroenSchweitzer, Dec 18, 2008