Objet permettant l'affichage de notifications à l'utilisateur en passant par le système d'exploitation de l'appareil
Syntaxe Notification(String titre, JSON options)
Attention, incompatible avec Internet Explorer et Opera
Non
Oui
Oui
Oui
Oui
Oui
Non
Description L'objet permet l'affichage de notifications à l'utilisateur en passant par le système d'exploitation de son appareil.
La notification affichera le texte titre.
L'objet options contient les propriétés facultatives suivantes : lang : Code langue de la notification body : Corps détaillé de la notification, en texte, pas en HTML tag : Identifiant de la notification icon : Url d'une icône affichée dans la notification
Naturellement, l'utilisateur doit donner son accord pour recevoir les notifications d'un site internet.
Comme les notifications utilisent le mécanisme interne du système d'exploitation, l'apparence dépend de l'environnement.
Le système d'exploitation gère les permissions et l'affichage des notifications intelligemment. Une notification dont l'identifiant tag a déjà été affichée ne sera pas affichée de nouveau, même si le code source le demande.
Attention de bien tester l'existence de l'objet Notification pour gérer les navigateurs qui n'acceptent pas la gestion des notifications.
L'ajout d'un événement onclick gère le clic sur la notification pour déclencher une action, typiquement l'ouverture d'une url.
Propriété permission Contient la valeur de permission des notifications
Méthode requestPermission() Affiche un message à l'utilisateur de demande d'autorisation d'envoi de notifications
function lancerNotif() { var options={
"lang":"FR",
"icon":"/favicon.ico",
"tag": newDate(),
"body": "Ceci est la notification de TJS de l'exemple de la référence"
}; var notif=newNotification("Notification TJS", options);
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).
Page mise à jour le
QUERY 10
SELECT *, DATE_FORMAT(dt_insert, '%d/%m/%Y %H:%i' ) AS jour_insert, DATE_FORMAT(dt_maj, '%d/%m/%Y %H:%i' ) AS jour_maj FROM js_reference ORDER BY IDfather, name
SELECT * FROM js_navigateur ORDER BY ordre
SELECT * FROM js_version ORDER BY ID
SELECT * FROM js_reference WHERE phpfile="notification"
UPDATE js_reference SET nb_visi=nb_visi+1, nb_visi_delai=nb_visi_delai+1 WHERE ID='345'
SELECT * FROM js_navigateur ORDER BY ordre
SELECT js_equivalent_ressource.*, js_equivalent_language.language, js_equivalent_language.favico
FROM js_equivalent_ressource, js_equivalent_language
WHERE js_equivalent_ressource.idLanguage = js_equivalent_language.id
AND js_equivalent_ressource.etat=1
AND js_equivalent_language.etat=1
AND js_equivalent_ressource.typeof='REF'
AND js_equivalent_ressource.idRessource="345"
SELECT * FROM js_exemple WHERE ID='345' ORDER BY ordre
SELECT * FROM js_url WHERE ID='345' ORDER BY ordre
En savoir plus
