Notifiaciones Navegador

Ejemplo básico de notificaciones con Chrome

by Raul Corona Xolaltenco

HTML

<button id="btnNotificar">
Notificar Ahora!!
</button>

JavaScript

document.addEventListener("DOMContentLoaded", function() {
    	//alert("dude");
      if (Notification.permission !== "granted")
         Notification.requestPermission();
}, false);




$(function(){
	$("#btnNotificar").on("click",function(){
  	notifyMe();
  });
});


function notifyMe() {
  if (!Notification) {
    alert('Las notificaciones no estan disponibles en tu navegador'); 
    return;
  }

  if (Notification.permission !== "granted")
    Notification.requestPermission();
  else {
    var notification = new Notification('El Kardumen', {
      icon: 'http://a2.cdn.gaiaonline.com/dress-up/avatar/ava/bf/b2/57609e5dbdb2bf.png',
      body: "Hey existe algo nuevo en el  kardumen!",
    });

    notification.onclick = function () {
      window.open("http://kardumen.blogspot.com");      
    };
    
  }
}