aviser JS
$.notify("Hello World");
Gorgeous Gaur
$.notify("Hello World");var h5 = $("<h5/>").append("You MUST have some Foo !")
$.notify({
title: h5
}, {
style: 'foo',
autoHide: false,
clickToHide: false
});import toaster from "toasted-notes";
import "toasted-notes/src/styles.css"; // optional styles
toaster.notify("i am notifying you i will exit after 2s", {duration: 2000})var h5 = $("<h5/>").append("You MUST have some Foo !")
$.notify({
title: h5,
button: 'Ok'
}, {
style: 'foo',
autoHide: false,
clickToHide: false
});$.notify("BOOM!", "error");//add a new style 'foo'
$.notify.addStyle('foo', {
html:
"<div>" +
"<div class='clearfix'>" +
"<div class='title' data-notify-html='title'/>" +
"<div class='buttons'>" +
"<button class='no'>Cancel</button>" +
"<button class='yes' data-notify-text='button'></button>" +
"</div>" +
"</div>" +
"</div>"
});
//listen for click events from this style
$(document).on('click', '.notifyjs-foo-base .no', function() {
//programmatically trigger propogating hide event
$(this).trigger('notify-hide');
});
$(document).on('click', '.notifyjs-foo-base .yes', function() {
//show button text
alert($(this).text() + " clicked!");
//hide notification
$(this).trigger('notify-hide');
});