Tag Archives: Toastmessage

jQuery Toastmessage Notification

DEMO DOWNLOAD How to Use?

jquery-toastmessage-plugin is a JQuery plugin which provides android-like notification messages. The toasted messages arriving on the screen in a seamless and natural way. They may or may not disrupt the user and they are still informative. It’s a quite nice way to report info or error to the user.

HTML

<div class="toast-container toast-position-top-right"></div>

CSS

<link rel="stylesheet" type="text/css" href="jquery.toastmessage.css " />

JS

$().toastmessage('showToast', {
text     : 'Hello World',
sticky   : true,
position : 'top-right',
type     : 'success',
close    : function () {console.log("toast is closed ...");}
});

$().toastmessage('showNoticeToast', 'some message here');
$().toastmessage('showSuccessToast', "some message here");
$().toastmessage('showWarningToast', "some message here");
$().toastmessage('showErrorToast', "some message here");