allora, faccio quest guida, anche se funziona solo su google chrome al momento.
e' una delle poche volte dove dobbiamo usare i prefissi su un javascript per farlo funzionare.
facciamo tutto passo per passo:
passo 1: creare bottone + function
per adesso niente di difficile
passo 2: cverificare permessi (in caso contrario chiedrli)
gia qualcosa di piu difficile
passo 3: inviare notifica
difficolta media XD
alla pressione del tasto otterremo una bella notifica in basso a destra, con immagine, titolo e corpo.
l'utente poi puo scegliere dove mettere le motfiche (in quale angolo), se disattivare le notifiche, chiuderle ecc..
screenshot:
e' una delle poche volte dove dobbiamo usare i prefissi su un javascript per farlo funzionare.
facciamo tutto passo per passo:
passo 1: creare bottone + function
per adesso niente di difficile
CODICE
<script>
function not(){
}
</script>
<input type="button" value="notifica" onclick="not()">
function not(){
}
</script>
<input type="button" value="notifica" onclick="not()">
passo 2: cverificare permessi (in caso contrario chiedrli)
gia qualcosa di piu difficile
CODICE
<script>
function not(){
if (window.webkitNotifications.checkPermission()==0) {//permessi: ok
}
else{//chiedo permessi (appare popup in cima al browser)
window.webkitNotifications.requestPermission();
}
}
</script>
<input type="button" value="notifica" onclick="not()">
function not(){
if (window.webkitNotifications.checkPermission()==0) {//permessi: ok
}
else{//chiedo permessi (appare popup in cima al browser)
window.webkitNotifications.requestPermission();
}
}
</script>
<input type="button" value="notifica" onclick="not()">
passo 3: inviare notifica
difficolta media XD
CODICE
<script>
function not(){
if (window.webkitNotifications.checkPermission()==0) {//permessi: ok
window.webkitNotifications.createNotification("URL-IMMAGINE","TITOLO-NOTIFICA","TESTO E CORPO DELLA NOTIFICA").show();
}
else{//chiedo permessi (appare popup in cima al browser)
window.webkitNotifications.requestPermission();
}
}
</script>
<input type="button" value="notifica" onclick="not()">
function not(){
if (window.webkitNotifications.checkPermission()==0) {//permessi: ok
window.webkitNotifications.createNotification("URL-IMMAGINE","TITOLO-NOTIFICA","TESTO E CORPO DELLA NOTIFICA").show();
}
else{//chiedo permessi (appare popup in cima al browser)
window.webkitNotifications.requestPermission();
}
}
</script>
<input type="button" value="notifica" onclick="not()">
alla pressione del tasto otterremo una bella notifica in basso a destra, con immagine, titolo e corpo.
l'utente poi puo scegliere dove mettere le motfiche (in quale angolo), se disattivare le notifiche, chiuderle ecc..
screenshot:
.
