Yadotek

Javascript ile masaüstü bildirimi gönderme

20.11.2019
238
Javascript ile masaüstü bildirimi gönderme

Web sitesinde gezinen ziyaretçilere bildirim göndermek isteyebilirsiniz.Peki javascript ile masaüstü bildirim gönderim işlemi nasıl yapılır ?

function masaustuBildirim(baslik, detay, link, resim) {
        //Resim gönderilmemişse varsayılan resim belirtiliyor
        if (resim == undefined) {
            resim = 'http://siteniz.com/resimlinki/50x50';
        }
        
        //Tarayıcı desteği kontrol ediliyor
        if (!window.Notification) {
            alert('Tarayıcınız masaüstü bildirimleri desteklemiyor!');
            return;
        }

        //Daha önceden izin alınmamışsa izin alınıyor
        if (Notification.permission !== "granted")
            Notification.requestPermission();

        //Belirtilen detaylara göre bildirim gösteriliyor
        var notification = new Notification(baslik, {
            icon: resim,
            body: detay
        });

        //Bildirime tıklanınca açılacak sayfa ayarlanıyor
        notification.onclick = function() {
            window.open(link);
        }
}

function masaustuBildirim(baslik, detay, link, resim) {
        //Resim gönderilmemişse varsayılan resim belirtiliyor
        if (resim == undefined) {
            resim = 'http://placehold.it/50x50';
        }
        
        //Tarayıcı desteği kontrol ediliyor
        if (!window.Notification) {
            alert('Tarayıcınız masaüstü bildirimleri desteklemiyor!');
            return;
        }
 
        //Daha önceden izin alınmamışsa izin alınıyor
        if (Notification.permission !== "granted")
            Notification.requestPermission();
 
        //Belirtilen detaylara göre bildirim gösteriliyor
        var notification = new Notification(baslik, {
            icon: resim,
            body: detay
        });
 
        //Bildirime tıklanınca açılacak sayfa ayarlanıyor
        notification.onclick = function() {
            window.open(link);
        }
}

kodumuzu test etmek için şimdilik buton ekleyelim

<input type="button" value="Standart Bildirim" onclick="masaustuBildirim('Standart Bildirim','Merhaba ! Ben Standart bir bildirimim ','http://www.yadotek.com/');" />
<input type="button" value="Resimli Bildirim" onclick="masaustuBildirim('Resimli Bildirim','Merhaba ! Ben resimli bir bildirimim','yadotek.com/', 'http://www.patabilisim.com/themes/site/images/logo.png');" />

 

BİR YORUM YAZIN

*

code

ZİYARETÇİ YORUMLARI - 0 YORUM

Henüz yorum yapılmamış.

Yazılım Donanım Teknoloji 2019