Html5 Notification (Bildirim) Özelliği

Bu dersimde henüz bir taslak olmasına rağmen işe yarayan html5 nimetlerinden olan notifications özelliğinden bahsetmek istiyorum. Yararlı olması dileğiyle..Bu dersimde henüz bir taslak olmasına rağmen işe yarayan html5 nimetlerinden olan notifications özelliğinden bahsetmek istiyorum. Yararlı olması dileğiyle..

Kullanıcıdan İzin Almak

Bildirimlerin gözükmesi için kullanıcıdan izin alınması gerekir.. İzin almak içinse aşağıdaki işlemler yapılmalıdır;

if ( window.webkitNotifications.checkPermission() == 1 ){
	window.webkitNotifications.requestPermission();
} else {
	alert('Zaten bu site için işlem yapılmış');
}

checkPermission => izin kontrolüdür. Değeri 1 ise izin istenme işlemi yapılmamış, 0 ise yapılmış anlamındadır.
requestPermission => izin isteme metodudur.

Bildirimin Gözükmesi

Bildirimin kullanıcıya gözükmesi için aşağıdaki şekilde işlem yapılmalıdır;

var test = window.webkitNotifications.createNotification(
	'http://www.gravatar.com/avatar/be2da7976e64ff4211a4ff7b22b10b58',
	'Tayfun Erbilen',
	'Bu bir test içeriğidir..'
);
test.show();

createNotification => bildirim oluşturmak için gerekli metottur. 3 parametre alır bunlar sırasıyla resim, başlık ve açıklamadır.

Bildirim Göründü ve Kapatıldı Fonksiyonları

Bunun için aşağıdaki kodları kullanmanız yeterlidir;

test.ondisplay = function(){
	alert('bildirim göründü');
}
test.onclose = function(){
	alert('bildirim kapatıldı!');
}

Burada test değişkeni bir yukarıda oluşturulan bildirimi temsil etmektedir.