<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<meta charset=utf-8 />
<title>Desktop Notify By Deawx</title>
</head>
<body>
<script>
$(document).ready(function () {
$('#p').click(function () {
notify();
});
});
function notify() {
var havePermission = window.webkitNotifications.checkPermission();
if (havePermission == 0) {
// 0 is PERMISSION_ALLOWED
var notification = window.webkitNotifications.createNotification(
'http://resource.thaicreate.com/upload/member/20130319072406.jpg',
'สวัสดีครับ ผมชื่อมะเดี่ยว Deawx ครับ !',
'Thaicreate.com Thailand PHP ASP ASP.NET , jQuery,Mobile, Android, Windows Phone, iOs , iPhone , iPad, .NET Framework 1.x, 2.x, 3.x, 4.x (VB.NET,C#) Tutorials References Examples'
);
notification.onclick = function () {
//ให้เปิดหน้าต่างใหม่ ตอนกดที่ Notify
window.open("https://www.thaicreate.com/community/jquery-desktop-notify.html");
//ให้เปิดหน้าต่างปัจจุบัน ตอนกดที่ Notify
// window.location.href = 'https://www.thaicreate.com/community/jquery-desktop-notify.html';
notification.cancel();
}
notification.show();
/*
//ตั้งเวลาไว้ 5 วิให้ปิดเอง
setTimeout(function () {
notification.cancel();
}, '5000');
*/
} else {
window.webkitNotifications.requestPermission();
}
}
</script>
<div style="width: 100px; height: 100px; background: yellow" onclick="notify()">แสดง POPUP</div>
<h1 id="p">แสดง POPUP</h1>
<button onClick='notify()'>แสดง Popup</button>
</body>
</html>
Load balance : Server 05
