jNotifyOSD is a jQuery plugin that gives a easy API to create Ubuntu NotifyOSD fashion on-screen notification popups (bubbles) on the web page.
The light-weight, themeable, and extremely customizable notifications are good for nearly any sort of web site and net app: notification alerts, toast messages, feed subscription updates, chat messages, and many others.
How one can use it:
1. Hyperlink to jQuery library and the jNotifyOSD plugin’s recordsdata.
<hyperlink rel="stylesheet" href="notify-osd.min.css" /> <script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/notify-osd.min.js"></script>
2. Create a primary notification popup.
var notif = $.notify_osd.create({
'textual content': 'Notification Right here',
});
3. Config the notification popup.
var notif = $.notify_osd.create({
// path to the icon
icon: '',
// auto-dismiss after this timeout
timeout: 5,
// is sticky or not
sticky: false,
// is dismissable or not
dismissable: false,
// permits click on by way of
click_through: true,
// width of the "buffer" area round a notification
buffer: 40,
// min/max opacity
opacity_max: 0.85,
opacity_min: 0.20,
// area between notifications
spacing : 20,
});
4. Set the choices globally utilizing the setup technique.
$.notify_osd.setup({
// most variety of notifications
visible_max: 3,
// path to the icon
icon: '',
// auto-dismiss after this timeout
timeout: 5,
// is sticky or not
sticky: false,
// is dismissable or not
dismissable: false,
// permits click on by way of
click_through: true,
// width of the "buffer" area round a notification
buffer: 40,
// min/max opacity
opacity_max: 0.85,
opacity_min: 0.20,
// area between notifications
spacing : 20,
});
This superior jQuery plugin is developed by vickychijwani. For extra Superior Usages, please examine the demo web page or go to the official web site.
