HTML5 İle Bilgi Kutusu Nasil Yapilir?

LadyShot

LadyShot

Üye
30 Ocak 2016
226
0
London
Merhaba Arkadaşlar Bugün Sizlere Bildirim Kutusu yapmayi Ogretecegim Oncelikle Html5 Html Dilinin En Son Guncellenmis olarak Dili Daha kolay yazmamizi Saglayan ve yepyeni ozellikler katan Bir Versiyonudur.

Nedir Bu Bildirim Kutusu?

Bildirim Kutusu Dediğim Şey Alttaki Resimde Oldugu gibi Siteye girdiginiz Zaman Sol alt veya Sağ altta çıkan "Push Notifications" dur.

z0d4N7.png


Hemen Yapilisa Geçelim,

Temel Kodumuz Budur
Kod: 
var notification=new Notification('Bildiri Başlığı',{
    body:'Bildiri mesajı buraya gelecek.'
});
Eğer Özelliştirmek isterseniz Biraz daha Yenilikli birseyler ve seçme Hakkını katmak isterseniz

Kod: 
Notification.requestPermission(function(permission){
    //bildirimlerinizi burada gösterin
});

Ve Son Olarak Desteklenmeyen Tarayıcılar, Eğer Misafirin Tarayicisi Html5 Desteklemiyor ise Bu Alert ekrani İsinize Yarayabilir

Kod: 
if (!("Notification" in window)) {
    alert("Tarayıcınız HTML5 bildirimlerini desteklemiyor.");
  }

Umarım Beğenmiş ve işinize yaramıştır.
 
Cevap yazmak için giriş yap yada kayıt ol.
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.