Web Notification API sample
HTML
<button id="set">set</button>
<br>
<input name="title" value="Title" val/>
<input name="tag" value="Tag" />
<input name="icon" value="https://maxcdn.icons8.com/iOS7/PNG/25/Very_Basic/contacts-25.png" />
<textarea name="body">
This is the notification body
</textarea>
<button id="notify">notify</button>
JavaScript
if (window.Notification) {
$("#requestPermission").on("click", function() {
return Notification.requestPermission();
});
$("#checkPermission").on("click", function() {
if (Notification.permission) {
return $("#result").text(Notification.permission);
} else {
return $("#result").text((new Notification("check")).permission);
}
});
return $("#show").on("click", function() {
var notification;
notification = new Notification($("[name=title]").val(), {
tag: $("[name=tag]").val(),
body: $("[name=body]").val(),
iconUrl: $("[name=icon]").val(),
icon: $("[name=icon]").val()
});
return notification.onclick = function() {
notification.close();
window.open().close();
return window.focus();
};
});
}