| OLD | NEW |
| (Empty) |
| 1 <html> | |
| 2 <head> | |
| 3 <script type="text/javascript"> | |
| 4 var n; | |
| 5 function setNotification() | |
| 6 { | |
| 7 if (window.webkitNotifications.checkPermission() != 0) { | |
| 8 alert("you don't have permission to post notifications, please allow not
ifications by clicking that link"); | |
| 9 document.getElementById('allowNotificationLink').style.backgroundColor =
'Red'; | |
| 10 return 0; | |
| 11 } | |
| 12 n = window.webkitNotifications.createNotification(window.location.href + '/f
avicon.ico', 'Notify me', 'This is the notification body'); | |
| 13 log = document.getElementById("place"); | |
| 14 n.onshow = function() { log.innerText = "notification showing"; } | |
| 15 n.onclick = function() { log.innerText = "notification clicked"; } | |
| 16 n.onerror = function() { log.innerText = "notification error"; } | |
| 17 n.onclose = function() { log.innerText = "notification closed"; } | |
| 18 n.show(); | |
| 19 log.innerText = "Did you notice the notification ? There are 3 ways the noti
fication will go away:\n 1. It automically goes away in 30 seconds;\n 2. you can
click the close button on the notification to close it;\n 3. Click above link '
Click to cancel the notification.\n\n Please verify all work; Whenever the icon
is clicked, cancelled, closed, etc. there will be corresponding log is this area
, please notice if they show up."; | |
| 20 | |
| 21 setTimeout(timeout, 30000); | |
| 22 function timeout() { | |
| 23 n.cancel(); | |
| 24 } | |
| 25 } | |
| 26 | |
| 27 function setAllowNotification() | |
| 28 { | |
| 29 window.webkitNotifications.requestPermission(permissionGranted); | |
| 30 } | |
| 31 | |
| 32 function permissionGranted() | |
| 33 { | |
| 34 if (window.webkitNotifications.checkPermission() == 0) | |
| 35 alert("you now have permission to post Notifications"); | |
| 36 else | |
| 37 alert("you don't have permission to post Notifications"); | |
| 38 } | |
| 39 </script> | |
| 40 </head> | |
| 41 | |
| 42 <body style="font-size:x-large"> | |
| 43 <a style="margin-left: 20px;" id="allowNotificationLink" onclick="setAllowNotif
ication(); return false;" href="#">Click to set allow notifications first</a> <b
r> | |
| 44 | |
| 45 <a style="margin-left: 20px;" onclick="setNotification(); return false;" href="#
">Click to set notification</a> <br> | |
| 46 <a style="margin-left: 20px;" onclick="n.cancel(); return false;" href="#">Click
to cancel the notification</a> <br> | |
| 47 <br><br> | |
| 48 <div id="place"> | |
| 49 </div> | |
| 50 | |
| 51 </body> | |
| 52 </html> | |
| 53 | |
| OLD | NEW |