HTML 5 Create Notification

จริงๆมี Project ที่ต้องทำเกี่ยวกับตัว Alert บนหน้า Desktop หลายตัวแล้ว แต่ยังไม่มีโอกาศในการได้ศึกษาเลย วันนี้เลยได้ลองทำดูปรากฎว่าไม่ยากเท่าไร ครับ

นี้เป็นตัวอย่าง Code บางส่วน

<!DOCTYPE html>
<html lang=”en”>
<head>
 <meta charset=”UTF-8">
 <meta http-equiv=”refresh” content=”5">
 <title>Document</title>
<script>

var data = {
 msg: “Hello World”,
 bodyDetail: “นี้คือส่วนของรายละเอียด”
}
Notification.requestPermission();
var e = new Notification(“Header”,{
 body: data.msg + “\n” + data.bodyDetail,
 icon: “URL ICON”
});

</script>
</head>
<body>
 
</body>
</html>