<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.notif.js"></script>
</script>
</head>

<body>

<h1>Web Bilgilendirme Test Sayfası</h1>
<button onclick="bilgilendirBeni()">Bilgilendirme gönder</button>

<script>
function bildirimkutusu () {
  // Kullanıcının tarayıcısının destekleyip desteklemediğini denetleyelim
  if (!("Notification" in window)) {
    alert("Bu tarayıcı maalesef bildirim özelliğini desteklemiyor..");
  } 
 
  // Kullanıcı önceden izin verdiyse
  else if (Notification.permission === "granted") {
    // Bilgilendirme bildirim kutusunu açalım.
    var notification = new Notification('Bildirim kutusundan merhabalar', {
      body: 'Bilgilendirme bildirim kutusu budur.', 
      icon: 'ikon adresi',
      tag: 'demo',
      dir: 'auto',
      lang: ''
    });
  }
 
  // Eğer kullanıcı kabul etmediyse
  else if (Notification.permission !== 'denied') {
    // Kullanıcıdan onay iste
    Notification.requestPermission(function (permission) {
      // Kullanıcı onaylamadı ise tekrar soralım
      if (permission === "granted") {
        // kullanıcı kabul ederse bildirimi aç
        var notification = new Notification('Bildirim kutusundan merhabalar', {
          body: 'Bilgilendirme bildirim kutusu budur.', 
          icon: 'ikon adresi',
          tag: 'demo',
          dir: 'auto',
          lang: ''
        });
       }
    });
  }
}
</script>


<button onclick="bildirimkutusu()">Bildirim yolla</button>


</body>
</html>