Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > รบกวนพี่ๆครับ พอดีผมลองทดลองทำ ระบบ Notify Alert ข้อความใหม่ หรือ Notification แบบ Outlook โดยผมใช้ google chome แต่ติดปัญหาครับรบกวนพี่ๆช่วยดูหน่อยครับ

รบกวนพี่ๆครับ พอดีผมลองทดลองทำ ระบบ Notify Alert ข้อความใหม่ หรือ Notification แบบ Outlook โดยผมใช้ google chome แต่ติดปัญหาครับรบกวนพี่ๆช่วยดูหน่อยครับ

เริ่มหัวข้อใหม่

hoyahoya

โพสกระทู้ ( 113 )
บทความ ( 0 )

รบกวนพี่ๆครับ พอดีผมลองทดลองทำ ระบบ Notify Alert ข้อความใหม่ หรือ Notification แบบ Outlook โดยผมใช้ google chome แต่ติดปัญหาครับรบกวนพี่ๆช่วยดูหน่อยครับ ทั้งที่ผมก็ รัน google chome แต่มันก็ไม่ได้ครับ
หน้าแรกก็ ERROR ผมนี่ปวดหัวเลยครับ

ผมเอามาจากกระทู้นี้ครับ
https://www.thaicreate.com/community/php-mysql-alert-notify-new-message-notification.html

ผมรันก็ขึ้นเหมือนรูปนี่แหละครับ
ผมใช้ chome นะครับ

หน้า index.php ครับ
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:09

By : hoyahoya

View : 1477

Reply : 3

No. 1

armdbz

โพสกระทู้ ( 73 )
บทความ ( 0 )

ลองอันนี้ดูครับ

		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:11

By : armdbz

No. 2

Manussawin

โพสกระทู้ ( 2,260 )
บทความ ( 5 )

Google Chrome เวอร์ชั่นใหม่ๆ ได้ยกเลิก webkitNotifications ไปแล้วครับไม่ทราบเหมือนกันว่าเพราะเหตุผลด้านความปลอดภัย หรืออะไร แต่สามารถใช้ Notification รูปแบบใหม่ตามตัวอย่างนะครับ

Notification

Date : 2015-02-27 17:10:28

By : Manussawin

No. 3

hoyahoya

โพสกระทู้ ( 113 )
บทความ ( 0 )

ผมไม่รู้จะปรับใช้ยังงัยเลยครับ พอมีตัวอย่างการใช้ไหมครับหรือแก้จากโค้ดด้านบนก็ได้ครับ ผมรบกวนจริงๆครับ

Date : 2015-02-27 17:59:52

By : hoyahoya

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : รบกวนพี่ๆครับ พอดีผมลองทดลองทำ ระบบ Notify Alert ข้อความใหม่ หรือ Notification แบบ Outlook โดยผมใช้ google chome แต่ติดปัญหาครับรบกวนพี่ๆช่วยดูหน่อยครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)