jQuery Plugin To Handle & Manage HTML5 Desktop Notifications - Push Notification

File Size: 554 KB
Views Total: 8017
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Handle & Manage HTML5 Desktop Notifications - Push Notification

Push Notification is a jQuery plugin that makes used of HTML5 Notifications API to create and display desktop notifications with custom titles, messages, icons and callbacks.

How to use it:

1. Load the latest version of jQuery library and the jQuery Push Notification plugin in the html document.

<script src="//code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="push_notification.js"></script>

2. Create a basic desktop notification.

$.notify("simple notify");

3. With a custom title.

$.notify("Custom Title", {
  title: "This is title!"
});

4. Execute a callback function after you click on the notification.

$.notify("click alert notify").click(function(){
  // do something
});

5. With a custom notification icon.

$.notify("Custom Icons", {
  icon: "1.png"
});

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