รบกวนพี่ๆครับ พอดีผมลองทดลองทำ ระบบ Notify Alert ข้อความใหม่ หรือ Notification แบบ Outlook โดยผมใช้ google chome แต่ติดปัญหาครับรบกวนพี่ๆช่วยดูหน่อยครับ
รบกวนพี่ๆครับ พอดีผมลองทดลองทำ ระบบ Notify Alert ข้อความใหม่ หรือ Notification แบบ Outlook โดยผมใช้ google chome แต่ติดปัญหาครับรบกวนพี่ๆช่วยดูหน่อยครับ ทั้งที่ผมก็ รัน google chome แต่มันก็ไม่ได้ครับhttps://www.thaicreate.com/community/php-mysql-alert-notify-new-message-notification.html Code (PHP) <!DOCTYPE html>
<html>
<head>
<title>ThaiCreate.Com</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<meta charset=utf-8 />
<script>
function getDataFromDb()
{
$.ajax({
url: "getData.php" ,
type: "POST",
data: ''
})
.success(function(result) {
var obj = jQuery.parseJSON(result);
if(obj != '')
{
var messageid = null;
var subject = null;
$.each(obj, function(key, val) {
messageid = val["MessageID"] ;
subject = val["Subject"] ;
});
showPopup(messageid,subject);
}
});
}
if (window.webkitNotifications) {
function requestingPopupPermission(callback) {
window.webkitNotifications.requestPermission(callback);
}
function showPopup(messageid,subject) {
if (window.webkitNotifications.checkPermission() > 0) {
requestingPopupPermission(showPopup);
} else {
var mypicture = 'https://www.thaicreate.com/upload/icon-topic/communication.jpg';
var titletext = 'You have new messages.';
var bodytext = subject;
var popup = window.webkitNotifications.createNotification(mypicture, titletext, bodytext);
popup.show();
jQuery(popup).css( 'cursor', 'pointer' );
jQuery(popup).click(function(){
window.location = "view.php?MessageID="+messageid;
});
setTimeout(function () {
popup.cancel();
}, '5000');
}
}
} else {
alert('Your Browser Not SUPPORT \n Google Chrome Only');
}
setInterval(getDataFromDb, 10000); // 1000 = 1 second
</script>
</head>
<body>
<center>
<h1>My Web</h1>
<center>
</body>
</html>
Tag PHP
Date :
2015-02-27 16:15:09By :
hoyahoyaView :
1453Reply :
3
ลองอันนี้ดูครับ function notifyMe() {
if (!("Notification" in window)) {
alert("This browser does not support desktop notification");
}else if (Notification.permission === "granted") {
var notification = new Notification("Hi there!");
}else if (Notification.permission !== 'denied') {
Notification.requestPermission(function (permission) {
if (permission === "granted") {
var notification = new Notification("Hi there!");
}
});
}
}
<button onclick="notifyMe()">Notify me!</button>
https://developer.mozilla.org/en-US/docs/Web/API/notification
Date :
2015-02-27 17:10:11By :
armdbz
Google Chrome เวอร์ชั่นใหม่ๆ ได้ยกเลิก webkitNotifications ไปแล้วครับไม่ทราบเหมือนกันว่าเพราะเหตุผลด้านความปลอดภัย หรืออะไร แต่สามารถใช้ Notification รูปแบบใหม่ตามตัวอย่างนะครับ Notification
Date :
2015-02-27 17:10:28By :
Manussawin
ผมไม่รู้จะปรับใช้ยังงัยเลยครับ พอมีตัวอย่างการใช้ไหมครับหรือแก้จากโค้ดด้านบนก็ได้ครับ ผมรบกวนจริงๆครับ
Date :
2015-02-27 17:59:52By :
hoyahoya
Server 04
Load balance : Server 04
