<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
function notifyMe() {
// Let's check if the browser supports notifications
if (!("Notification" in window)) {
alert("This browser does not support desktop notification");
}
// Let's check whether notification permissions have already been granted
else if (Notification.permission === "granted") {
// If it's okay let's create a notification
var notification = new Notification("Hi user");
}
// Otherwise, we need to ask the user for permission
else if (Notification.permission !== 'denied') {
Notification.requestPermission(function (permission) {
// If the user accepts, let's create a notification
if (permission === "granted") {
var notification = new Notification("");
}
});
}
// At last, if the user has denied notifications, and you
// want to be respectful there is no need to bother them any more.
}Notification.requestPermission();
function spawnNotification(theBody,theIcon,theTitle) {
var options = {
body: theBody,
icon: theIcon
}
var n = new Notification(theTitle,options);
}
</script>
<button onclick="notifyDefultStyle()">Notify me!</button>
<button onclick="spawnNotification('notifyexample','https://lh6.googleusercontent.com/-jceMtMC7nk4/AAAAAAAAAAI/AAAAAAAAABQ/WOlkICkIH7c/s80-c/photo.jpg','title..')">NotifyByOption</button>
</body>
</html>
It will show as..
No comments:
Post a Comment