Objet : Notification

<div class="btn radius btn-outline cursor-pointer" onclick="lancerExempleNotif()">Lancez l'exemple complet</div>

<script type="text/javascript">
function lancerExempleNotif() {
console.log("Lancement de l'exemple");

/* Vérifier que l'objet existe */
if (typeof Notification === undefined) {
console.log("Notification n'est pas un objet connu");
return false;
}

/* Tester si la permission a déjà été donnée */
if (Notification.permission=="granted") {
console.log("Permission déjà accordée");
lancerNotif();
} else {
Notification.requestPermission(function(result) {
console.log("Vous avez choisi "+result);
if (result=="granted") {
lancerNotif();
}
});
}
}

function lancerNotif() {
var options={
"lang":"FR",
"icon":"/favicon.ico",
"tag": new Date(),
"body": "Ceci est la notification de TJS de l'exemple de la référence"
};
var notif=new Notification("Notification TJS", options);

notif.onclick = function(event) {
event.preventDefault();
window.open("http://www.toutjavascript.com/reference", "_blank");
}
}

</script>

Emulation de la console

Exemple complet avec gestion des permissions et affichage d'une notification.

Notez que le tag de la notification est une date pour assurer un identifiant unique et assurer un affichage à chaque exécution.

Un événement onclick est ajouté pour gérer le clic sur la notification (et ouvrir la page d'accueil de la référence de TJS).

Dunod Fnac Amazon

Chargement
en cours...