jQuery Plugin For HTML5 Desktop Push Notifications easyNotify js - Download jQuery Plugin For HTML5 Desktop Push Notifications - easyNotify.js

Download jQuery Plugin For HTML5 Desktop Push Notifications – easyNotify.js

Posted on

This time I will share jQuery Plugin and tutorial about jQuery Plugin For HTML5 Desktop Push Notifications – easyNotify.js, hope it will help you in programming stack.

jQuery Plugin For HTML5 Desktop Push Notifications easyNotify js - Download jQuery Plugin For HTML5 Desktop Push Notifications - easyNotify.js
File Size: 3.58 KB
Views Total: 19087
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

easyNotify.js is a small jQuery plugin which utilizes the HTML5 APIs to display customizable HTML5 desktop push notifications in jQuery.

How to use it:

1. Add the jQuery easyNotify.js script after you’ve loaded jQuery library:

1 <script src="//code.jquery.com/jquery-3.1.0.min.js"></script>
2 <script src="easyNotify.js"></script>

2. Display a new desktop notification with custom title, message text, image and callback:

01 var myFunction = function() {
02   alert('Click function');
03 };
04  
05 var options = {
06     title: "HTML <a href="https://www.jqueryscript.net/tags.php?/Notification/">Notification</a>",
07     options: {
08       body: "Notification Message Here",
09       icon: "icon.png",
10       lang: 'en-US',
11       onClose: myFunction
12     }
13 };
14  
15 $("#easyNotify").easyNotify(options);

3. All default notification settings.

1 title: "Notification",
2 options: {
3   body: "", // body text
4   icon: "", // notification icon
5   lang: 'pt-BR', // language
6   onClose: "", // onClose callback
7   onClick: "", // onClick callback
8   onError: "" // onError callback
9 }

This awesome jQuery plugin is developed by Gabrielr47. For more Advanced Usages, please check the demo page or visit the official website.

source : jqueryscript.net