WordPress Hosting
Free Photos
WordPress Themes

Display desktop notifications | Javascript

function notifyMe(title, options) { // Check if the browser supports notifications if (!("Notification" in window)) { console.log("This browser does not support desktop notification"); } // Check whether notification permissions have alredy been granted else if (Notification.permission === "granted") { // If it's okay let's create a notification var notification = new Notification(title, options); } // 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(title, options); } }); } } var title = "Codepad Notification"; var options = { body: "Codepad Notification Body", icon: "http://s28.postimg.org/5rzz2yemh/codepad.png" } notifyMe(title, options);
Display desktop notifications. jsFiddle example: https://jsfiddle.net/bjx04e9d/

3 Responses

Thats really cool, gonna be useful in my current project, thanks a lot Cristian!
I'm glad you like it. If you want more stuff about HTML, CSS, Js ask me.
Hehehehe, agora seguindo aqui tmb! Hehehe

Write a comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.