From c05efa8d7ae464235cf83d7c0956e42dc6974103 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:14 +0200 Subject: move *.html to *.md --- files/fr/web/api/notification/actions/index.html | 58 ------- files/fr/web/api/notification/actions/index.md | 58 +++++++ files/fr/web/api/notification/badge/index.html | 44 ----- files/fr/web/api/notification/badge/index.md | 44 +++++ files/fr/web/api/notification/body/index.html | 52 ------ files/fr/web/api/notification/body/index.md | 52 ++++++ files/fr/web/api/notification/close/index.html | 80 --------- files/fr/web/api/notification/close/index.md | 80 +++++++++ files/fr/web/api/notification/data/index.html | 54 ------- files/fr/web/api/notification/data/index.md | 54 +++++++ files/fr/web/api/notification/dir/index.html | 62 ------- files/fr/web/api/notification/dir/index.md | 62 +++++++ files/fr/web/api/notification/icon/index.html | 52 ------ files/fr/web/api/notification/icon/index.md | 52 ++++++ files/fr/web/api/notification/image/index.html | 51 ------ files/fr/web/api/notification/image/index.md | 51 ++++++ files/fr/web/api/notification/index.html | 178 --------------------- files/fr/web/api/notification/index.md | 178 +++++++++++++++++++++ files/fr/web/api/notification/lang/index.html | 53 ------ files/fr/web/api/notification/lang/index.md | 53 ++++++ .../fr/web/api/notification/maxactions/index.html | 63 -------- files/fr/web/api/notification/maxactions/index.md | 63 ++++++++ .../web/api/notification/notification/index.html | 82 ---------- .../fr/web/api/notification/notification/index.md | 82 ++++++++++ files/fr/web/api/notification/onclick/index.html | 63 -------- files/fr/web/api/notification/onclick/index.md | 63 ++++++++ files/fr/web/api/notification/onclose/index.html | 33 ---- files/fr/web/api/notification/onclose/index.md | 33 ++++ files/fr/web/api/notification/onerror/index.html | 52 ------ files/fr/web/api/notification/onerror/index.md | 52 ++++++ files/fr/web/api/notification/onshow/index.html | 33 ---- files/fr/web/api/notification/onshow/index.md | 33 ++++ .../fr/web/api/notification/permission/index.html | 93 ----------- files/fr/web/api/notification/permission/index.md | 93 +++++++++++ files/fr/web/api/notification/renotify/index.html | 56 ------- files/fr/web/api/notification/renotify/index.md | 56 +++++++ .../api/notification/requestpermission/index.html | 119 -------------- .../api/notification/requestpermission/index.md | 119 ++++++++++++++ .../api/notification/requireinteraction/index.html | 52 ------ .../api/notification/requireinteraction/index.md | 52 ++++++ files/fr/web/api/notification/silent/index.html | 54 ------- files/fr/web/api/notification/silent/index.md | 54 +++++++ files/fr/web/api/notification/tag/index.html | 55 ------- files/fr/web/api/notification/tag/index.md | 55 +++++++ files/fr/web/api/notification/timestamp/index.html | 54 ------- files/fr/web/api/notification/timestamp/index.md | 54 +++++++ files/fr/web/api/notification/title/index.html | 52 ------ files/fr/web/api/notification/title/index.md | 52 ++++++ files/fr/web/api/notification/vibrate/index.html | 54 ------- files/fr/web/api/notification/vibrate/index.md | 54 +++++++ 50 files changed, 1599 insertions(+), 1599 deletions(-) delete mode 100644 files/fr/web/api/notification/actions/index.html create mode 100644 files/fr/web/api/notification/actions/index.md delete mode 100644 files/fr/web/api/notification/badge/index.html create mode 100644 files/fr/web/api/notification/badge/index.md delete mode 100644 files/fr/web/api/notification/body/index.html create mode 100644 files/fr/web/api/notification/body/index.md delete mode 100644 files/fr/web/api/notification/close/index.html create mode 100644 files/fr/web/api/notification/close/index.md delete mode 100644 files/fr/web/api/notification/data/index.html create mode 100644 files/fr/web/api/notification/data/index.md delete mode 100644 files/fr/web/api/notification/dir/index.html create mode 100644 files/fr/web/api/notification/dir/index.md delete mode 100644 files/fr/web/api/notification/icon/index.html create mode 100644 files/fr/web/api/notification/icon/index.md delete mode 100644 files/fr/web/api/notification/image/index.html create mode 100644 files/fr/web/api/notification/image/index.md delete mode 100644 files/fr/web/api/notification/index.html create mode 100644 files/fr/web/api/notification/index.md delete mode 100644 files/fr/web/api/notification/lang/index.html create mode 100644 files/fr/web/api/notification/lang/index.md delete mode 100644 files/fr/web/api/notification/maxactions/index.html create mode 100644 files/fr/web/api/notification/maxactions/index.md delete mode 100644 files/fr/web/api/notification/notification/index.html create mode 100644 files/fr/web/api/notification/notification/index.md delete mode 100644 files/fr/web/api/notification/onclick/index.html create mode 100644 files/fr/web/api/notification/onclick/index.md delete mode 100644 files/fr/web/api/notification/onclose/index.html create mode 100644 files/fr/web/api/notification/onclose/index.md delete mode 100644 files/fr/web/api/notification/onerror/index.html create mode 100644 files/fr/web/api/notification/onerror/index.md delete mode 100644 files/fr/web/api/notification/onshow/index.html create mode 100644 files/fr/web/api/notification/onshow/index.md delete mode 100644 files/fr/web/api/notification/permission/index.html create mode 100644 files/fr/web/api/notification/permission/index.md delete mode 100644 files/fr/web/api/notification/renotify/index.html create mode 100644 files/fr/web/api/notification/renotify/index.md delete mode 100644 files/fr/web/api/notification/requestpermission/index.html create mode 100644 files/fr/web/api/notification/requestpermission/index.md delete mode 100644 files/fr/web/api/notification/requireinteraction/index.html create mode 100644 files/fr/web/api/notification/requireinteraction/index.md delete mode 100644 files/fr/web/api/notification/silent/index.html create mode 100644 files/fr/web/api/notification/silent/index.md delete mode 100644 files/fr/web/api/notification/tag/index.html create mode 100644 files/fr/web/api/notification/tag/index.md delete mode 100644 files/fr/web/api/notification/timestamp/index.html create mode 100644 files/fr/web/api/notification/timestamp/index.md delete mode 100644 files/fr/web/api/notification/title/index.html create mode 100644 files/fr/web/api/notification/title/index.md delete mode 100644 files/fr/web/api/notification/vibrate/index.html create mode 100644 files/fr/web/api/notification/vibrate/index.md (limited to 'files/fr/web/api/notification') diff --git a/files/fr/web/api/notification/actions/index.html b/files/fr/web/api/notification/actions/index.html deleted file mode 100644 index e65543b120..0000000000 --- a/files/fr/web/api/notification/actions/index.html +++ /dev/null @@ -1,58 +0,0 @@ ---- -title: Notification.actions -slug: Web/API/notification/actions -tags: - - API - - API Notifications - - Notification - - Notifications - - Propriété - - Reference - - actions -translation_of: Web/API/Notification/actions ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété actions en lecture seule de l'interface {{domxref ("Notification")}} renvoie la liste des {{domxref ("NotificationAction")}} objets définis à l'aide de l'option actions lors de la création de la notification à l'aide du constructeur {{domxref("Notification.Notification","Notification()")}}.

- -

Il s'agit d'une liste des actions définies par l'application que l'utilisateur peut choisir de prendre directement depuis le contexte d'une notification.

- -
-

Note: Le périphérique et l'agent utilisateur peuvent ne pouvoir afficher qu'un nombre limité d'actions (en raison, par exemple, d'un espace d'écran limité). Cette limite peut être déduite de {{DOMxRef ("Notification.maxActions")}}.

-
- -

Syntaxe

- -
Notification.actions
- -

Valeur

- -

Un tableau en lecture seule d'objets {{domxref ("NotificationAction")}}, chacun décrivant une action unique que l'utilisateur peut choisir dans une notification.

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-actions','actions')}}{{Spec2('Web Notifications')}}Living standard
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.actions")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/actions/index.md b/files/fr/web/api/notification/actions/index.md new file mode 100644 index 0000000000..e65543b120 --- /dev/null +++ b/files/fr/web/api/notification/actions/index.md @@ -0,0 +1,58 @@ +--- +title: Notification.actions +slug: Web/API/notification/actions +tags: + - API + - API Notifications + - Notification + - Notifications + - Propriété + - Reference + - actions +translation_of: Web/API/Notification/actions +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété actions en lecture seule de l'interface {{domxref ("Notification")}} renvoie la liste des {{domxref ("NotificationAction")}} objets définis à l'aide de l'option actions lors de la création de la notification à l'aide du constructeur {{domxref("Notification.Notification","Notification()")}}.

+ +

Il s'agit d'une liste des actions définies par l'application que l'utilisateur peut choisir de prendre directement depuis le contexte d'une notification.

+ +
+

Note: Le périphérique et l'agent utilisateur peuvent ne pouvoir afficher qu'un nombre limité d'actions (en raison, par exemple, d'un espace d'écran limité). Cette limite peut être déduite de {{DOMxRef ("Notification.maxActions")}}.

+
+ +

Syntaxe

+ +
Notification.actions
+ +

Valeur

+ +

Un tableau en lecture seule d'objets {{domxref ("NotificationAction")}}, chacun décrivant une action unique que l'utilisateur peut choisir dans une notification.

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-actions','actions')}}{{Spec2('Web Notifications')}}Living standard
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.actions")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/badge/index.html b/files/fr/web/api/notification/badge/index.html deleted file mode 100644 index 319ba58bb9..0000000000 --- a/files/fr/web/api/notification/badge/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: Notification.badge -slug: Web/API/notification/badge -tags: - - API Notification - - API badge - - Notification - - Notifications - - Propriété - - Reference -translation_of: Web/API/Notification/badge ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété badge de l'interface {{domxref ("Notification")}} renvoie l'URL de l'image utilisée pour représenter la notification lorsqu'il n'y a pas assez d'espace pour afficher la notification elle-même.

- -

Syntaxe

- -
const url = Notification.badge
- -

Valeur

- -

Une {{domxref('USVString')}} contenant une URL.

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-badge','badge')}}{{Spec2('Web Notifications')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.badge")}}

diff --git a/files/fr/web/api/notification/badge/index.md b/files/fr/web/api/notification/badge/index.md new file mode 100644 index 0000000000..319ba58bb9 --- /dev/null +++ b/files/fr/web/api/notification/badge/index.md @@ -0,0 +1,44 @@ +--- +title: Notification.badge +slug: Web/API/notification/badge +tags: + - API Notification + - API badge + - Notification + - Notifications + - Propriété + - Reference +translation_of: Web/API/Notification/badge +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété badge de l'interface {{domxref ("Notification")}} renvoie l'URL de l'image utilisée pour représenter la notification lorsqu'il n'y a pas assez d'espace pour afficher la notification elle-même.

+ +

Syntaxe

+ +
const url = Notification.badge
+ +

Valeur

+ +

Une {{domxref('USVString')}} contenant une URL.

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-badge','badge')}}{{Spec2('Web Notifications')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.badge")}}

diff --git a/files/fr/web/api/notification/body/index.html b/files/fr/web/api/notification/body/index.html deleted file mode 100644 index e19c579157..0000000000 --- a/files/fr/web/api/notification/body/index.html +++ /dev/null @@ -1,52 +0,0 @@ ---- -title: Notification.body -slug: Web/API/notification/body -tags: - - API - - API Notifications - - Corps - - Notification - - Notifications - - Propriété - - Reference -translation_of: Web/API/Notification/body ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété en lecture seule body de l'interface {{domxref ("Notification")}} est la chaîne de caractères qui correspond au corps de la notification, comme définis à l'aide de l'option body lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification()" )}}.

- -

Syntaxe

- -
Notification.body
-
- -

Valeur

- -

Une {{domxref("DOMString")}} contenant le corps de la notification.

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-body','body')}}{{Spec2('Web Notifications')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.body")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/body/index.md b/files/fr/web/api/notification/body/index.md new file mode 100644 index 0000000000..e19c579157 --- /dev/null +++ b/files/fr/web/api/notification/body/index.md @@ -0,0 +1,52 @@ +--- +title: Notification.body +slug: Web/API/notification/body +tags: + - API + - API Notifications + - Corps + - Notification + - Notifications + - Propriété + - Reference +translation_of: Web/API/Notification/body +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété en lecture seule body de l'interface {{domxref ("Notification")}} est la chaîne de caractères qui correspond au corps de la notification, comme définis à l'aide de l'option body lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification()" )}}.

+ +

Syntaxe

+ +
Notification.body
+
+ +

Valeur

+ +

Une {{domxref("DOMString")}} contenant le corps de la notification.

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-body','body')}}{{Spec2('Web Notifications')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.body")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/close/index.html b/files/fr/web/api/notification/close/index.html deleted file mode 100644 index 359bf36dda..0000000000 --- a/files/fr/web/api/notification/close/index.html +++ /dev/null @@ -1,80 +0,0 @@ ---- -title: Notification.close() -slug: Web/API/notification/close -tags: - - API - - API Notifications - - Méthode - - Notification - - Notifications - - Reference - - close - - fermeture -translation_of: Web/API/Notification/close ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La méthode close() de l'interface {{domxref("Notification")}} est utilisée pour fermer / supprimer une notification précédemment affichée.

- -
-

Note: Cette API ne doit pas être utilisée uniquement pour supprimer la notification de l'écran après un délai fixe, car cette méthode supprimera également la notification de toute barre de notification, empêchant ainsi les utilisateurs d'interagir avec elle après son affichage initial. Une utilisation valable de cette API serait de supprimer une notification qui n'est plus pertinente (par exemple, l'utilisateur a déjà lu la notification sur la page Web dans le cas d'une application de messagerie ou la chanson suivante est déjà en cours de lecture dans une application musicale).

-
- -

Syntaxe

- -
Notification.close()
- -

Paramètres

- -

Aucun.

- -

Returns

- -

Void.

- -

Exemples

- -

Dans l'extrait de code suivant, nous avons une simple fonction qui, lorsqu'elle est appelée, crée un objet options, puis de celui-ci une nouvelle notification. À la fin de la fonction, elle appelle également close() dans une fonction {{domxref ("EventTarget.addEventListener", "addEventListener ()")}} pour supprimer la notification lorsque le contenu pertinent a été lu sur la page Web.

- -
function spawnNotification(theBody, theIcon, theTitle) {
-  const options = {
-    body: theBody,
-    icon: theIcon
-  }
-
-  const n = new Notification(theTitle, options)
-  document.addEventListener('visibilitychange', () => {
-    if (document.visibilityState === 'visible') {
-      // The tab has become visible so clear the now-stale Notification.
-      n.close()
-    }
-  })
-}
-
- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationStatusComment
{{SpecName('Web Notifications')}}{{Spec2('Web Notifications')}}Living standard
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.close")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/close/index.md b/files/fr/web/api/notification/close/index.md new file mode 100644 index 0000000000..359bf36dda --- /dev/null +++ b/files/fr/web/api/notification/close/index.md @@ -0,0 +1,80 @@ +--- +title: Notification.close() +slug: Web/API/notification/close +tags: + - API + - API Notifications + - Méthode + - Notification + - Notifications + - Reference + - close + - fermeture +translation_of: Web/API/Notification/close +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La méthode close() de l'interface {{domxref("Notification")}} est utilisée pour fermer / supprimer une notification précédemment affichée.

+ +
+

Note: Cette API ne doit pas être utilisée uniquement pour supprimer la notification de l'écran après un délai fixe, car cette méthode supprimera également la notification de toute barre de notification, empêchant ainsi les utilisateurs d'interagir avec elle après son affichage initial. Une utilisation valable de cette API serait de supprimer une notification qui n'est plus pertinente (par exemple, l'utilisateur a déjà lu la notification sur la page Web dans le cas d'une application de messagerie ou la chanson suivante est déjà en cours de lecture dans une application musicale).

+
+ +

Syntaxe

+ +
Notification.close()
+ +

Paramètres

+ +

Aucun.

+ +

Returns

+ +

Void.

+ +

Exemples

+ +

Dans l'extrait de code suivant, nous avons une simple fonction qui, lorsqu'elle est appelée, crée un objet options, puis de celui-ci une nouvelle notification. À la fin de la fonction, elle appelle également close() dans une fonction {{domxref ("EventTarget.addEventListener", "addEventListener ()")}} pour supprimer la notification lorsque le contenu pertinent a été lu sur la page Web.

+ +
function spawnNotification(theBody, theIcon, theTitle) {
+  const options = {
+    body: theBody,
+    icon: theIcon
+  }
+
+  const n = new Notification(theTitle, options)
+  document.addEventListener('visibilitychange', () => {
+    if (document.visibilityState === 'visible') {
+      // The tab has become visible so clear the now-stale Notification.
+      n.close()
+    }
+  })
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatusComment
{{SpecName('Web Notifications')}}{{Spec2('Web Notifications')}}Living standard
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.close")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/data/index.html b/files/fr/web/api/notification/data/index.html deleted file mode 100644 index 22b3b01747..0000000000 --- a/files/fr/web/api/notification/data/index.html +++ /dev/null @@ -1,54 +0,0 @@ ---- -title: Notification.data -slug: Web/API/notification/data -tags: - - API - - API Notifications - - Notification - - Notifications - - Propriété - - Reference - - données -translation_of: Web/API/Notification/data ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété en lecture seule data de l'interface {{domxref ("Notification")}} renvoie un clone structuré des données de la notification, comme définis à l'aide de l'option data  lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification() ")}}.

- -

Les données de la notification peuvent être des données arbitraires, sans restriction de format que vous souhaitez associer à la notification.

- -

Syntaxe

- -
Notification.data
-
- -

Valeur

- -

Un clone structuré.

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-data','data')}}{{Spec2('Web Notifications')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.data")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/data/index.md b/files/fr/web/api/notification/data/index.md new file mode 100644 index 0000000000..22b3b01747 --- /dev/null +++ b/files/fr/web/api/notification/data/index.md @@ -0,0 +1,54 @@ +--- +title: Notification.data +slug: Web/API/notification/data +tags: + - API + - API Notifications + - Notification + - Notifications + - Propriété + - Reference + - données +translation_of: Web/API/Notification/data +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété en lecture seule data de l'interface {{domxref ("Notification")}} renvoie un clone structuré des données de la notification, comme définis à l'aide de l'option data  lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification() ")}}.

+ +

Les données de la notification peuvent être des données arbitraires, sans restriction de format que vous souhaitez associer à la notification.

+ +

Syntaxe

+ +
Notification.data
+
+ +

Valeur

+ +

Un clone structuré.

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-data','data')}}{{Spec2('Web Notifications')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.data")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/dir/index.html b/files/fr/web/api/notification/dir/index.html deleted file mode 100644 index 7fed8f84dd..0000000000 --- a/files/fr/web/api/notification/dir/index.html +++ /dev/null @@ -1,62 +0,0 @@ ---- -title: Notification.dir -slug: Web/API/notification/dir -tags: - - API - - API Notifications - - Notification - - Notifications - - Propriété - - Reference - - direction -translation_of: Web/API/Notification/dir ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété en lecture seule dir de l'interface {{domxref ("Notification")}} indique le sens du texte de la notification, définis à l'aide de l'option dir lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification()" )}}.

- -

Syntaxe

- -
Notification.dir
-
- -

Valeur

- -

Une {{domxref ("DOMString")}} spécifiant la direction du texte. Les valeurs possibles sont:

- - - -
-

Note : La plupart des navigateurs semblent ignorer les paramètres explicites de ltr et rtl, et utilisent simplement le paramètre à l'échelle du navigateur.

-
- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-dir','dir')}}{{Spec2('Web Notifications')}}Living standard
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.dir")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/dir/index.md b/files/fr/web/api/notification/dir/index.md new file mode 100644 index 0000000000..7fed8f84dd --- /dev/null +++ b/files/fr/web/api/notification/dir/index.md @@ -0,0 +1,62 @@ +--- +title: Notification.dir +slug: Web/API/notification/dir +tags: + - API + - API Notifications + - Notification + - Notifications + - Propriété + - Reference + - direction +translation_of: Web/API/Notification/dir +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété en lecture seule dir de l'interface {{domxref ("Notification")}} indique le sens du texte de la notification, définis à l'aide de l'option dir lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification()" )}}.

+ +

Syntaxe

+ +
Notification.dir
+
+ +

Valeur

+ +

Une {{domxref ("DOMString")}} spécifiant la direction du texte. Les valeurs possibles sont:

+ + + +
+

Note : La plupart des navigateurs semblent ignorer les paramètres explicites de ltr et rtl, et utilisent simplement le paramètre à l'échelle du navigateur.

+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-dir','dir')}}{{Spec2('Web Notifications')}}Living standard
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.dir")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/icon/index.html b/files/fr/web/api/notification/icon/index.html deleted file mode 100644 index 8b25811ea0..0000000000 --- a/files/fr/web/api/notification/icon/index.html +++ /dev/null @@ -1,52 +0,0 @@ ---- -title: Notification.icon -slug: Web/API/notification/icon -tags: - - API - - API Notifications - - Icône - - Notification - - Notifications - - Propriété - - Reference -translation_of: Web/API/Notification/icon ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété en lecture seule icon de l'interface {{domxref ("Notification")}} contient l'URL d'une icône à afficher dans le cadre de la notification, comme définis à l'aide de l'option icon lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification"," Notification()")}}.

- -

Syntaxe

- -
Notification.icon
-
- -

Valeur

- -

Une {{domxref("USVString")}}.

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-icon','icon')}}{{Spec2('Web Notifications')}}Living standard
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.icon")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/icon/index.md b/files/fr/web/api/notification/icon/index.md new file mode 100644 index 0000000000..8b25811ea0 --- /dev/null +++ b/files/fr/web/api/notification/icon/index.md @@ -0,0 +1,52 @@ +--- +title: Notification.icon +slug: Web/API/notification/icon +tags: + - API + - API Notifications + - Icône + - Notification + - Notifications + - Propriété + - Reference +translation_of: Web/API/Notification/icon +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété en lecture seule icon de l'interface {{domxref ("Notification")}} contient l'URL d'une icône à afficher dans le cadre de la notification, comme définis à l'aide de l'option icon lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification"," Notification()")}}.

+ +

Syntaxe

+ +
Notification.icon
+
+ +

Valeur

+ +

Une {{domxref("USVString")}}.

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-icon','icon')}}{{Spec2('Web Notifications')}}Living standard
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.icon")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/image/index.html b/files/fr/web/api/notification/image/index.html deleted file mode 100644 index fa57345f6e..0000000000 --- a/files/fr/web/api/notification/image/index.html +++ /dev/null @@ -1,51 +0,0 @@ ---- -title: Notification.image -slug: Web/API/notification/image -tags: - - API - - API Notifications - - Image - - Notification - - Notifications - - Propriété - - Reference -translation_of: Web/API/Notification/image ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété en lecture seule image de l'interface {{domxref ("Notification")}} contient l'URL d'une image à afficher dans le cadre de la notification, comme définis à l'aide de l'option image lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification"," Notification()")}}.

- -

Syntaxe

- -
Notification.image
- -

Valeur

- -

Une {{domxref("USVString")}}.

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#image-resource','image')}}{{Spec2('Web Notifications')}}Living standard
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.image")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/image/index.md b/files/fr/web/api/notification/image/index.md new file mode 100644 index 0000000000..fa57345f6e --- /dev/null +++ b/files/fr/web/api/notification/image/index.md @@ -0,0 +1,51 @@ +--- +title: Notification.image +slug: Web/API/notification/image +tags: + - API + - API Notifications + - Image + - Notification + - Notifications + - Propriété + - Reference +translation_of: Web/API/Notification/image +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété en lecture seule image de l'interface {{domxref ("Notification")}} contient l'URL d'une image à afficher dans le cadre de la notification, comme définis à l'aide de l'option image lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification"," Notification()")}}.

+ +

Syntaxe

+ +
Notification.image
+ +

Valeur

+ +

Une {{domxref("USVString")}}.

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#image-resource','image')}}{{Spec2('Web Notifications')}}Living standard
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.image")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/index.html b/files/fr/web/api/notification/index.html deleted file mode 100644 index f732fae408..0000000000 --- a/files/fr/web/api/notification/index.html +++ /dev/null @@ -1,178 +0,0 @@ ---- -title: Notification -slug: Web/API/notification -tags: - - API - - API Notifications - - Interface - - Notifications - - Reference -translation_of: Web/API/Notification ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

L'interface Notification de l'API Notifications est utilisée pour configurer et afficher les notifications de bureau à l'utilisateur. L'apparence et les fonctionnalités spécifiques de ces notifications varient selon les plates-formes, mais elles permettent généralement de fournir des informations de manière asynchrone à l'utilisateur.

- -

Constructeur

- -
-
{{domxref("Notification.Notification", "Notification()")}}
-
Créer une nouvelle instance de l'object Notification.
-
- -

Propriétés

- -

Propriétés statiques

- -

Ces propriétés ne sont disponibles que sur l'objet Notification lui-même.

- -
-
{{domxref("Notification.permission")}} {{readonlyinline}}
-

Une chaîne représentant l'autorisation actuelle d'afficher les notifications. Les valeurs possibles sont:

-
    -
  • denied — L'utilisateur refuse d'afficher des notifications.
    • -
  • granted — L'utilisateur accepte d'afficher des notifications.
    • -
  • default — Le choix de l'utilisateur est inconnu et donc le navigateur agira comme si la valeur était refusée.
    • -
-
-
{{domxref("Notification.maxActions")}} {{readonlyinline}}
-
Le nombre maximal d'actions pris en charge par l'appareil et l'agent utilisateur.
-
- -

Propriétés de l'instance

- -

Ces propriétés ne sont disponibles que sur les instances de l'objet Notification.

- -
-
{{domxref("Notification.actions")}} {{readonlyinline}}
-
Tableau d'actions de la notification comme spécifié dans le paramètre options du constructeur.
-
{{domxref("Notification.badge")}} {{readonlyinline}}
-
L'URL de l'image utilisée pour représenter la notification lorsqu'il n'y a pas assez d'espace pour afficher la notification elle-même.
-
{{domxref("Notification.body")}} {{readonlyinline}}
-
Une chaîne représentant le corps de la notification telle que spécifiée dans le paramètre options du constructeur.
-
{{domxref("Notification.data")}} {{readonlyinline}}
-
Renvoie un clone structuré des données de la notification.
-
{{domxref("Notification.dir")}} {{readonlyinline}}
-
La direction du texte de la notification comme spécifié dans le paramètre options du constructeur.
-
{{domxref("Notification.lang")}} {{readonlyinline}}
-
Code de langue de la notification tel que spécifié dans le paramètre options du constructeur.
-
{{domxref("Notification.tag")}} {{readonlyinline}}
-
L'ID de la notification (le cas échéant) tel que spécifié dans le paramètre options du constructeur.
-
{{domxref("Notification.icon")}} {{readonlyinline}}
-
L'URL de l'image utilisée comme icône de la notification comme spécifié dans le paramètre options du constructeur.
-
{{domxref("Notification.image")}} {{readonlyinline}}
-
L'URL d'une image à afficher dans le cadre de la notification, comme spécifié dans le paramètre options du constructeur.
-
{{domxref("Notification.renotify")}} {{readonlyinline}}
-
Spécifie si l'utilisateur doit être averti après qu'une nouvelle notification remplace l'ancienne.
-
{{domxref("Notification.requireInteraction")}} {{readonlyinline}}
-
Un {{jsxref ("Boolean")}} indiquant qu'une notification doit rester active jusqu'à ce que l'utilisateur clique dessus ou la rejette, plutôt que de se fermer automatiquement.
-
{{domxref("Notification.silent")}} {{readonlyinline}}
-
Spécifie si la notification doit être silencieuse, c'est-à-dire qu'aucun son ou vibration ne doit être émis, quels que soient les paramètres de l'appareil.
-
{{domxref("Notification.timestamp")}} {{readonlyinline}}
-
Spécifie l'heure à laquelle une notification est créée ou applicable (passée, présente ou future).
-
{{domxref("Notification.title")}} {{readonlyinline}}
-
Le titre de la notification tel que spécifié dans le premier paramètre du constructeur.
-
{{domxref("Notification.vibrate")}} {{readonlyinline}}
-
Spécifie un modèle de vibration pour les périphériques dotés d'un matériel de vibration à émettre.
-
- -

Gestionnaires d'événements

- -
-
{{domxref("Notification.onclick")}}
-
Un gestionnaire pour l'événement {{domxref ("Element/click_event", "click")}}. Il est déclenché à chaque fois que l'utilisateur clique sur la notification.
-
{{domxref("Notification.onclose")}}
-
Un gestionnaire pour l'événement {{domxref ("HTMLDialogElement/close_event", "close")}}. Il est déclenché lorsque l'utilisateur ferme la notification.
-
{{domxref("Notification.onerror")}}
-
Un gestionnaire pour l'événement {{domxref ("HTMLElement/error_event", "error")}}. Il est déclenché chaque fois que la notification rencontre une erreur.
-
{{domxref("Notification.onshow")}}
-
Un gestionnaire pour l'événement {{domxref ("Element/show_event", "show")}}. Il est déclenché lorsque la notification est affichée.
-
- -

Méthodes

- -

Méthodes statiques

- -

Ces méthodes ne sont disponibles que sur l'objet Notification lui-même.

- -
-
{{domxref("Notification.requestPermission()")}}
-
Demande l'autorisation à l'utilisateur d'afficher les notifications.
-
- -

Méthodes d'instance

- -

Ces propriétés ne sont disponibles que sur une instance de l'objet Notification ou via son prototype. L'objet Notification hérite également de l'interface {{domxref ("EventTarget")}}.

- -
-
{{domxref("Notification.close()")}}
-
Ferme programmatiquement une instance de notification.
-
- -

Exemples

- -

Supposons ce HTML de base:

- -
<button onclick="notifyMe()">Notifie moi !</button>
- -

Il est possible d'envoyer une notification comme suit - nous présentons ici un ensemble de code assez détaillé et complet que vous pourriez utiliser si vous vouliez d'abord vérifier si les notifications sont prises en charge, puis vérifiez si l'autorisation a été accordée pour l'{{glossary("Origin","origine")}} actuelle d'envoyer des notifications, puis demander l'autorisation si nécessaire, avant d'envoyer une notification.

- -
function notifyMe() {
-  // Vérifions si le navigateur prend en charge les notifications
-  if (!('Notification' in window)) {
-    alert('Ce navigateur ne prend pas en charge la notification de bureau')
-  }
-
-  // Vérifions si les autorisations de notification ont déjà été accordées
-  else if (Notification.permission === 'granted') {
-    // Si tout va bien, créons une notification
-    const notification = new Notification('Salut toi!')
-  }
-
-  // Sinon, nous devons demander la permission à l'utilisateur
-  else if (Notification.permission !== 'denied') {
-    Notification.requestPermission().then((permission) => {
-      // Si l'utilisateur accepte, créons une notification
-      if (permission === 'granted') {
-        const notification = new Notification('Salut toi!')
-      }
-    })
-  }
-
-  // Enfin, si l'utilisateur a refusé les notifications, et que vous
-  // voulez être respectueux, il n'est plus nécessaire de les déranger.
-}
-
- -

Nous ne montrons plus d'exemple en direct sur cette page, car Chrome et Firefox n'autorisent plus les demandes de notification des {{htmlelement ("iframe")}}s d'origine croisée, avec d'autres navigateurs à suivre. Pour voir un exemple en action, consultez notre exemple de liste de tâches (voir également l'application en cours d'exécution.)

- -
-

Note : Dans l'exemple ci-dessus, nous générons des notifications en réponse à un geste de l'utilisateur (en cliquant sur un bouton). Il ne s'agit pas seulement d'une bonne pratique - vous ne devriez pas envoyer de spam aux utilisateurs avec des notifications qu'ils n'acceptent pas - mais les navigateurs suivants interdiront explicitement les notifications non déclenchées en réponse à un geste de l'utilisateur. Firefox le fait déjà depuis la version 72, par exemple.

-
- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications')}}{{Spec2('Web Notifications')}}Living standard
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/index.md b/files/fr/web/api/notification/index.md new file mode 100644 index 0000000000..f732fae408 --- /dev/null +++ b/files/fr/web/api/notification/index.md @@ -0,0 +1,178 @@ +--- +title: Notification +slug: Web/API/notification +tags: + - API + - API Notifications + - Interface + - Notifications + - Reference +translation_of: Web/API/Notification +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

L'interface Notification de l'API Notifications est utilisée pour configurer et afficher les notifications de bureau à l'utilisateur. L'apparence et les fonctionnalités spécifiques de ces notifications varient selon les plates-formes, mais elles permettent généralement de fournir des informations de manière asynchrone à l'utilisateur.

+ +

Constructeur

+ +
+
{{domxref("Notification.Notification", "Notification()")}}
+
Créer une nouvelle instance de l'object Notification.
+
+ +

Propriétés

+ +

Propriétés statiques

+ +

Ces propriétés ne sont disponibles que sur l'objet Notification lui-même.

+ +
+
{{domxref("Notification.permission")}} {{readonlyinline}}
+

Une chaîne représentant l'autorisation actuelle d'afficher les notifications. Les valeurs possibles sont:

+
    +
  • denied — L'utilisateur refuse d'afficher des notifications.
    • +
  • granted — L'utilisateur accepte d'afficher des notifications.
    • +
  • default — Le choix de l'utilisateur est inconnu et donc le navigateur agira comme si la valeur était refusée.
    • +
+
+
{{domxref("Notification.maxActions")}} {{readonlyinline}}
+
Le nombre maximal d'actions pris en charge par l'appareil et l'agent utilisateur.
+
+ +

Propriétés de l'instance

+ +

Ces propriétés ne sont disponibles que sur les instances de l'objet Notification.

+ +
+
{{domxref("Notification.actions")}} {{readonlyinline}}
+
Tableau d'actions de la notification comme spécifié dans le paramètre options du constructeur.
+
{{domxref("Notification.badge")}} {{readonlyinline}}
+
L'URL de l'image utilisée pour représenter la notification lorsqu'il n'y a pas assez d'espace pour afficher la notification elle-même.
+
{{domxref("Notification.body")}} {{readonlyinline}}
+
Une chaîne représentant le corps de la notification telle que spécifiée dans le paramètre options du constructeur.
+
{{domxref("Notification.data")}} {{readonlyinline}}
+
Renvoie un clone structuré des données de la notification.
+
{{domxref("Notification.dir")}} {{readonlyinline}}
+
La direction du texte de la notification comme spécifié dans le paramètre options du constructeur.
+
{{domxref("Notification.lang")}} {{readonlyinline}}
+
Code de langue de la notification tel que spécifié dans le paramètre options du constructeur.
+
{{domxref("Notification.tag")}} {{readonlyinline}}
+
L'ID de la notification (le cas échéant) tel que spécifié dans le paramètre options du constructeur.
+
{{domxref("Notification.icon")}} {{readonlyinline}}
+
L'URL de l'image utilisée comme icône de la notification comme spécifié dans le paramètre options du constructeur.
+
{{domxref("Notification.image")}} {{readonlyinline}}
+
L'URL d'une image à afficher dans le cadre de la notification, comme spécifié dans le paramètre options du constructeur.
+
{{domxref("Notification.renotify")}} {{readonlyinline}}
+
Spécifie si l'utilisateur doit être averti après qu'une nouvelle notification remplace l'ancienne.
+
{{domxref("Notification.requireInteraction")}} {{readonlyinline}}
+
Un {{jsxref ("Boolean")}} indiquant qu'une notification doit rester active jusqu'à ce que l'utilisateur clique dessus ou la rejette, plutôt que de se fermer automatiquement.
+
{{domxref("Notification.silent")}} {{readonlyinline}}
+
Spécifie si la notification doit être silencieuse, c'est-à-dire qu'aucun son ou vibration ne doit être émis, quels que soient les paramètres de l'appareil.
+
{{domxref("Notification.timestamp")}} {{readonlyinline}}
+
Spécifie l'heure à laquelle une notification est créée ou applicable (passée, présente ou future).
+
{{domxref("Notification.title")}} {{readonlyinline}}
+
Le titre de la notification tel que spécifié dans le premier paramètre du constructeur.
+
{{domxref("Notification.vibrate")}} {{readonlyinline}}
+
Spécifie un modèle de vibration pour les périphériques dotés d'un matériel de vibration à émettre.
+
+ +

Gestionnaires d'événements

+ +
+
{{domxref("Notification.onclick")}}
+
Un gestionnaire pour l'événement {{domxref ("Element/click_event", "click")}}. Il est déclenché à chaque fois que l'utilisateur clique sur la notification.
+
{{domxref("Notification.onclose")}}
+
Un gestionnaire pour l'événement {{domxref ("HTMLDialogElement/close_event", "close")}}. Il est déclenché lorsque l'utilisateur ferme la notification.
+
{{domxref("Notification.onerror")}}
+
Un gestionnaire pour l'événement {{domxref ("HTMLElement/error_event", "error")}}. Il est déclenché chaque fois que la notification rencontre une erreur.
+
{{domxref("Notification.onshow")}}
+
Un gestionnaire pour l'événement {{domxref ("Element/show_event", "show")}}. Il est déclenché lorsque la notification est affichée.
+
+ +

Méthodes

+ +

Méthodes statiques

+ +

Ces méthodes ne sont disponibles que sur l'objet Notification lui-même.

+ +
+
{{domxref("Notification.requestPermission()")}}
+
Demande l'autorisation à l'utilisateur d'afficher les notifications.
+
+ +

Méthodes d'instance

+ +

Ces propriétés ne sont disponibles que sur une instance de l'objet Notification ou via son prototype. L'objet Notification hérite également de l'interface {{domxref ("EventTarget")}}.

+ +
+
{{domxref("Notification.close()")}}
+
Ferme programmatiquement une instance de notification.
+
+ +

Exemples

+ +

Supposons ce HTML de base:

+ +
<button onclick="notifyMe()">Notifie moi !</button>
+ +

Il est possible d'envoyer une notification comme suit - nous présentons ici un ensemble de code assez détaillé et complet que vous pourriez utiliser si vous vouliez d'abord vérifier si les notifications sont prises en charge, puis vérifiez si l'autorisation a été accordée pour l'{{glossary("Origin","origine")}} actuelle d'envoyer des notifications, puis demander l'autorisation si nécessaire, avant d'envoyer une notification.

+ +
function notifyMe() {
+  // Vérifions si le navigateur prend en charge les notifications
+  if (!('Notification' in window)) {
+    alert('Ce navigateur ne prend pas en charge la notification de bureau')
+  }
+
+  // Vérifions si les autorisations de notification ont déjà été accordées
+  else if (Notification.permission === 'granted') {
+    // Si tout va bien, créons une notification
+    const notification = new Notification('Salut toi!')
+  }
+
+  // Sinon, nous devons demander la permission à l'utilisateur
+  else if (Notification.permission !== 'denied') {
+    Notification.requestPermission().then((permission) => {
+      // Si l'utilisateur accepte, créons une notification
+      if (permission === 'granted') {
+        const notification = new Notification('Salut toi!')
+      }
+    })
+  }
+
+  // Enfin, si l'utilisateur a refusé les notifications, et que vous
+  // voulez être respectueux, il n'est plus nécessaire de les déranger.
+}
+
+ +

Nous ne montrons plus d'exemple en direct sur cette page, car Chrome et Firefox n'autorisent plus les demandes de notification des {{htmlelement ("iframe")}}s d'origine croisée, avec d'autres navigateurs à suivre. Pour voir un exemple en action, consultez notre exemple de liste de tâches (voir également l'application en cours d'exécution.)

+ +
+

Note : Dans l'exemple ci-dessus, nous générons des notifications en réponse à un geste de l'utilisateur (en cliquant sur un bouton). Il ne s'agit pas seulement d'une bonne pratique - vous ne devriez pas envoyer de spam aux utilisateurs avec des notifications qu'ils n'acceptent pas - mais les navigateurs suivants interdiront explicitement les notifications non déclenchées en réponse à un geste de l'utilisateur. Firefox le fait déjà depuis la version 72, par exemple.

+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications')}}{{Spec2('Web Notifications')}}Living standard
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/lang/index.html b/files/fr/web/api/notification/lang/index.html deleted file mode 100644 index 3a409d72ff..0000000000 --- a/files/fr/web/api/notification/lang/index.html +++ /dev/null @@ -1,53 +0,0 @@ ---- -title: Notification.lang -slug: Web/API/notification/lang -tags: - - API - - API Notifications - - Notification - - Notifications - - Propriété - - Reference -translation_of: Web/API/Notification/lang ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété en lecture seule lang de l'interface {{domxref ("Notification")}} indique la langue utilisée dans la notification, comme définis à l'aide de l'option lang lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification()" )}}.

- -

La langue elle-même est spécifiée à l'aide d'un {{domxref ("DOMString")}} représentant une balise de langue BCP 47. Consultez la page des codes de langue à 2 lettres ISO de Sitepoint pour une référence simple.

- -

Syntaxz

- -
Notification.lang
-
- -

Valeur

- -

Une {{domxref("DOMString")}} spécifiant la balise de langue.

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-lang','lang')}}{{Spec2('Web Notifications')}}Living standard
- -

Browser compatibility

- -

{{Compat("api.Notification.lang")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/lang/index.md b/files/fr/web/api/notification/lang/index.md new file mode 100644 index 0000000000..3a409d72ff --- /dev/null +++ b/files/fr/web/api/notification/lang/index.md @@ -0,0 +1,53 @@ +--- +title: Notification.lang +slug: Web/API/notification/lang +tags: + - API + - API Notifications + - Notification + - Notifications + - Propriété + - Reference +translation_of: Web/API/Notification/lang +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété en lecture seule lang de l'interface {{domxref ("Notification")}} indique la langue utilisée dans la notification, comme définis à l'aide de l'option lang lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification()" )}}.

+ +

La langue elle-même est spécifiée à l'aide d'un {{domxref ("DOMString")}} représentant une balise de langue BCP 47. Consultez la page des codes de langue à 2 lettres ISO de Sitepoint pour une référence simple.

+ +

Syntaxz

+ +
Notification.lang
+
+ +

Valeur

+ +

Une {{domxref("DOMString")}} spécifiant la balise de langue.

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-lang','lang')}}{{Spec2('Web Notifications')}}Living standard
+ +

Browser compatibility

+ +

{{Compat("api.Notification.lang")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/maxactions/index.html b/files/fr/web/api/notification/maxactions/index.html deleted file mode 100644 index df61031657..0000000000 --- a/files/fr/web/api/notification/maxactions/index.html +++ /dev/null @@ -1,63 +0,0 @@ ---- -title: Notification.maxActions -slug: Web/API/notification/maxActions -tags: - - API - - API Notifications - - Notification - - Notifications - - Propriété - - Reference - - actions -translation_of: Web/API/Notification/maxActions ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

L'attribut maxActions de l'interface {{domxref ("Notification")}} renvoie le nombre maximal d'actions prises en charge par l'appareil et l'agent utilisateur. En effet, c'est le nombre maximum d'éléments dans le tableau {{domxref ("Notification.actions")}} qui seront respectés par l'agent utilisateur.

- -

Syntaxe

- -
Notification.maxActions
-
- -

Valeur

- -

Un entier {{JSxRef ("Number")}} qui indique le plus grand nombre d'actions de notification pouvant être présentées à l'utilisateur par l'agent utilisateur et l'appareil.

- -

Exemples

- -

L'extrait de code suivant enregistre le nombre maximal d'actions prises en charge.

- -
const { maxActions } = Notification
-console.log(`This device can display at most ${maxActions} actions on each notification.`);
-
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatusComment
{{SpecName("Web Notifications")}}{{Spec2("Web Notifications")}}Living standard
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.maxActions")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/maxactions/index.md b/files/fr/web/api/notification/maxactions/index.md new file mode 100644 index 0000000000..df61031657 --- /dev/null +++ b/files/fr/web/api/notification/maxactions/index.md @@ -0,0 +1,63 @@ +--- +title: Notification.maxActions +slug: Web/API/notification/maxActions +tags: + - API + - API Notifications + - Notification + - Notifications + - Propriété + - Reference + - actions +translation_of: Web/API/Notification/maxActions +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

L'attribut maxActions de l'interface {{domxref ("Notification")}} renvoie le nombre maximal d'actions prises en charge par l'appareil et l'agent utilisateur. En effet, c'est le nombre maximum d'éléments dans le tableau {{domxref ("Notification.actions")}} qui seront respectés par l'agent utilisateur.

+ +

Syntaxe

+ +
Notification.maxActions
+
+ +

Valeur

+ +

Un entier {{JSxRef ("Number")}} qui indique le plus grand nombre d'actions de notification pouvant être présentées à l'utilisateur par l'agent utilisateur et l'appareil.

+ +

Exemples

+ +

L'extrait de code suivant enregistre le nombre maximal d'actions prises en charge.

+ +
const { maxActions } = Notification
+console.log(`This device can display at most ${maxActions} actions on each notification.`);
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatusComment
{{SpecName("Web Notifications")}}{{Spec2("Web Notifications")}}Living standard
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.maxActions")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/notification/index.html b/files/fr/web/api/notification/notification/index.html deleted file mode 100644 index 0e9a988e55..0000000000 --- a/files/fr/web/api/notification/notification/index.html +++ /dev/null @@ -1,82 +0,0 @@ ---- -title: Notification() -slug: Web/API/notification/Notification -tags: - - API - - API Notifications - - Constructeur - - Notification - - Notifications - - Reference -browser-compat: api.Notification.Notification -translation_of: Web/API/Notification/Notification ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

Le constructeur Notification() crée une nouvelle instance d'objet Notification, qui représente une notification utilisateur.

- -

Syntaxe

- -
const myNotification = new Notification(title, options)
- -

Paramètres

- -
-
title
-
Définit un titre pour la notification, qui s'affiche en haut de la fenêtre de notification.
-
options {{optional_inline}}
-
Un objet d'options contenant tous les paramètres personnalisés que vous souhaitez appliquer à la notification. Les options possibles sont: -
    -
  • dir: La direction dans laquelle afficher la notification. La valeur par défaut est auto, qui adopte simplement le comportement du paramètre de langue du navigateur, mais vous pouvez remplacer ce comportement en définissant les valeurs de ltr et rtl (bien que la plupart des navigateurs semblent ignorer ces paramètres.)
    • -
  • lang: La langue de la notification, telle que spécifiée à l'aide d'un DOMString représentant une balise de langue BCP 47. Consultez la page des codes de langue à 2 lettres ISO de Sitepoint pour une référence simple.
    • -
  • badge: Un USVString contenant l'URL de l'image utilisée pour représenter la notification lorsqu'il n'y a pas assez d'espace pour afficher la notification elle-même.
    • -
  • body: Un DOMString représentant le corps du texte de la notification, qui est affiché sous le titre.
    • -
  • tag: Un DOMString représentant un tag d'identification pour la notification.
    • -
  • icon: Une USVString contenant l'URL d'une icône à afficher dans la notification.
    • -
  • image: Une USVString contenant l'URL d'une image à afficher dans la notification.
    • -
  • data: Données arbitraires que vous souhaitez associer à la notification. Elles peuvent être de n'importe quel type de données.
    • -
  • vibrate: Un modèle de vibration que le matériel de vibration de l'appareil émet avec la notification.
    • -
  • renotify: Un Boolean spécifiant si l'utilisateur doit être notifié après qu'une nouvelle notification remplace l'ancienne. La valeur par défaut est false, ce qui signifie qu'ils ne seront pas notifiés.
    • -
  • requireInteraction: Un Boolean indiquant qu'une notification doit rester active jusqu'à ce que l'utilisateur clique dessus ou la rejette, plutôt que de se fermer automatiquement. La valeur par défaut est false.
    • -
  • actions: Un tableau de NotificationAction représentant les actions disponibles pour l'utilisateur lorsque la notification est présentée. Ce sont des options parmi lesquelles l'utilisateur peut choisir pour agir sur l'action dans le contexte de la notification elle-même. Le nom de l'action est envoyé au gestionnaire de notifications du service worker pour lui faire savoir que l'action a été sélectionnée par l'utilisateur.
    • -
  • silent: Un Boolean spécifiant si la notification est silencieuse (aucun son ni vibration émis), quels que soient les paramètres de l'appareil. La valeur par défaut est false, ce qui signifie qu'il ne sera pas silencieux.
    • -
-
-
- -

Exemple

- -

Dans notre démo Emogotchi (voir le code source), nous exécutons une fonction spawnNotification() lorsque nous voulons déclencher une notification. La fonction reçoit des paramètres pour spécifier le corps, l'icône et le titre souhaités, puis elle crée l'objet options nécessaire et déclenche la notification à l'aide du constructeur Notification().

- -
function spawnNotification(body, icon, title) {
-  const options = {
-    body: body,
-    icon: icon
-  };
-  const n = new Notification(title, options);
-}
- -

Spécifications

- -{{Specifications}} - -

Compatibilité des navigateurs

- -

{{Compat}}

- -

Notes Chrome

- -

À partir de Chrome 49, les notifications ne fonctionnent pas en mode navigation privée.

- -

Chrome pour Android lance une erreur TypeError lors de l'appel du constructeur Notification. Il ne prend en charge que la création de notifications à partir d'un service worker. Consultez le Chromium issue tracker pour plus de détails.

- -

Notes Internet Explorer

- -

La version 38.14352 et celles supérieure de MS Edge prend en charge l'API Notification. Wikipédia - MS Edge
- IE 11 et inférieur n'est pas pris en charge.

- -

Voir également

- - diff --git a/files/fr/web/api/notification/notification/index.md b/files/fr/web/api/notification/notification/index.md new file mode 100644 index 0000000000..0e9a988e55 --- /dev/null +++ b/files/fr/web/api/notification/notification/index.md @@ -0,0 +1,82 @@ +--- +title: Notification() +slug: Web/API/notification/Notification +tags: + - API + - API Notifications + - Constructeur + - Notification + - Notifications + - Reference +browser-compat: api.Notification.Notification +translation_of: Web/API/Notification/Notification +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

Le constructeur Notification() crée une nouvelle instance d'objet Notification, qui représente une notification utilisateur.

+ +

Syntaxe

+ +
const myNotification = new Notification(title, options)
+ +

Paramètres

+ +
+
title
+
Définit un titre pour la notification, qui s'affiche en haut de la fenêtre de notification.
+
options {{optional_inline}}
+
Un objet d'options contenant tous les paramètres personnalisés que vous souhaitez appliquer à la notification. Les options possibles sont: +
    +
  • dir: La direction dans laquelle afficher la notification. La valeur par défaut est auto, qui adopte simplement le comportement du paramètre de langue du navigateur, mais vous pouvez remplacer ce comportement en définissant les valeurs de ltr et rtl (bien que la plupart des navigateurs semblent ignorer ces paramètres.)
    • +
  • lang: La langue de la notification, telle que spécifiée à l'aide d'un DOMString représentant une balise de langue BCP 47. Consultez la page des codes de langue à 2 lettres ISO de Sitepoint pour une référence simple.
    • +
  • badge: Un USVString contenant l'URL de l'image utilisée pour représenter la notification lorsqu'il n'y a pas assez d'espace pour afficher la notification elle-même.
    • +
  • body: Un DOMString représentant le corps du texte de la notification, qui est affiché sous le titre.
    • +
  • tag: Un DOMString représentant un tag d'identification pour la notification.
    • +
  • icon: Une USVString contenant l'URL d'une icône à afficher dans la notification.
    • +
  • image: Une USVString contenant l'URL d'une image à afficher dans la notification.
    • +
  • data: Données arbitraires que vous souhaitez associer à la notification. Elles peuvent être de n'importe quel type de données.
    • +
  • vibrate: Un modèle de vibration que le matériel de vibration de l'appareil émet avec la notification.
    • +
  • renotify: Un Boolean spécifiant si l'utilisateur doit être notifié après qu'une nouvelle notification remplace l'ancienne. La valeur par défaut est false, ce qui signifie qu'ils ne seront pas notifiés.
    • +
  • requireInteraction: Un Boolean indiquant qu'une notification doit rester active jusqu'à ce que l'utilisateur clique dessus ou la rejette, plutôt que de se fermer automatiquement. La valeur par défaut est false.
    • +
  • actions: Un tableau de NotificationAction représentant les actions disponibles pour l'utilisateur lorsque la notification est présentée. Ce sont des options parmi lesquelles l'utilisateur peut choisir pour agir sur l'action dans le contexte de la notification elle-même. Le nom de l'action est envoyé au gestionnaire de notifications du service worker pour lui faire savoir que l'action a été sélectionnée par l'utilisateur.
    • +
  • silent: Un Boolean spécifiant si la notification est silencieuse (aucun son ni vibration émis), quels que soient les paramètres de l'appareil. La valeur par défaut est false, ce qui signifie qu'il ne sera pas silencieux.
    • +
+
+
+ +

Exemple

+ +

Dans notre démo Emogotchi (voir le code source), nous exécutons une fonction spawnNotification() lorsque nous voulons déclencher une notification. La fonction reçoit des paramètres pour spécifier le corps, l'icône et le titre souhaités, puis elle crée l'objet options nécessaire et déclenche la notification à l'aide du constructeur Notification().

+ +
function spawnNotification(body, icon, title) {
+  const options = {
+    body: body,
+    icon: icon
+  };
+  const n = new Notification(title, options);
+}
+ +

Spécifications

+ +{{Specifications}} + +

Compatibilité des navigateurs

+ +

{{Compat}}

+ +

Notes Chrome

+ +

À partir de Chrome 49, les notifications ne fonctionnent pas en mode navigation privée.

+ +

Chrome pour Android lance une erreur TypeError lors de l'appel du constructeur Notification. Il ne prend en charge que la création de notifications à partir d'un service worker. Consultez le Chromium issue tracker pour plus de détails.

+ +

Notes Internet Explorer

+ +

La version 38.14352 et celles supérieure de MS Edge prend en charge l'API Notification. Wikipédia - MS Edge
+ IE 11 et inférieur n'est pas pris en charge.

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/onclick/index.html b/files/fr/web/api/notification/onclick/index.html deleted file mode 100644 index b1561a4fe9..0000000000 --- a/files/fr/web/api/notification/onclick/index.html +++ /dev/null @@ -1,63 +0,0 @@ ---- -title: Notification.onclick -slug: Web/API/notification/onclick -tags: - - API - - DOM - - Notifications - - Propriété - - Reference - - onclick -translation_of: Web/API/Notification/onclick ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété onclick, rattachée à l'interface {{domxref("Notification")}}, définit un gestionnaire d'évènement à déclencher lorsque la notification recçoit un évènement {{event("click")}} (qui se produit lorsqu'un utilisateur clique sur la notification).

- -

Syntaxe

- -
Notification.onclick = function(event) { ... };
-
- -

Le comportement par défaut consiste à déplacer le focus sur la zone d'affichage (viewport) du contexte de navigation de la notification. Pour éviter ce comportement, on pourra appeler la méthode preventDefault() sur l'objet représentant l'évènement.

- -

Exemples

- -

Dans l'exemple qui suit, on utilise le gestionnaire d'évènement onclick pour ouvrir une page dans un nouvel onglet (avec le paramètre '_blank') lorsqu'on clique sur la notification :

- -
notification.onclick = function(event) {
-  event.preventDefault(); // empêcher le navigateur de passer le focus sur l'onglet de la navigation
-  window.open('http://www.mozilla.org', '_blank');
-}
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('Web Notifications','#dom-notification-onclick','onclick')}}{{Spec2('Web Notifications')}}Standard évolutif
- -

Compatibilité des navigateurs

- - - -

{{Compat("api.Notification.onclick")}}

- -

Voir aussi

- - diff --git a/files/fr/web/api/notification/onclick/index.md b/files/fr/web/api/notification/onclick/index.md new file mode 100644 index 0000000000..b1561a4fe9 --- /dev/null +++ b/files/fr/web/api/notification/onclick/index.md @@ -0,0 +1,63 @@ +--- +title: Notification.onclick +slug: Web/API/notification/onclick +tags: + - API + - DOM + - Notifications + - Propriété + - Reference + - onclick +translation_of: Web/API/Notification/onclick +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété onclick, rattachée à l'interface {{domxref("Notification")}}, définit un gestionnaire d'évènement à déclencher lorsque la notification recçoit un évènement {{event("click")}} (qui se produit lorsqu'un utilisateur clique sur la notification).

+ +

Syntaxe

+ +
Notification.onclick = function(event) { ... };
+
+ +

Le comportement par défaut consiste à déplacer le focus sur la zone d'affichage (viewport) du contexte de navigation de la notification. Pour éviter ce comportement, on pourra appeler la méthode preventDefault() sur l'objet représentant l'évènement.

+ +

Exemples

+ +

Dans l'exemple qui suit, on utilise le gestionnaire d'évènement onclick pour ouvrir une page dans un nouvel onglet (avec le paramètre '_blank') lorsqu'on clique sur la notification :

+ +
notification.onclick = function(event) {
+  event.preventDefault(); // empêcher le navigateur de passer le focus sur l'onglet de la navigation
+  window.open('http://www.mozilla.org', '_blank');
+}
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('Web Notifications','#dom-notification-onclick','onclick')}}{{Spec2('Web Notifications')}}Standard évolutif
+ +

Compatibilité des navigateurs

+ + + +

{{Compat("api.Notification.onclick")}}

+ +

Voir aussi

+ + diff --git a/files/fr/web/api/notification/onclose/index.html b/files/fr/web/api/notification/onclose/index.html deleted file mode 100644 index 5dddd078f3..0000000000 --- a/files/fr/web/api/notification/onclose/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: Notification.onclose -slug: Web/API/notification/onclose -tags: - - API - - API Notifications - - Notification - - Notifications - - Propriété - - Reference - - onclose -translation_of: Web/API/Notification/onclose ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété onclose de l'interface {{domxref ("Notification")}} définit un écouteur d'événements pour recevoir les événements {{domxref ("HTMLDialogElement/close_event", "close")}}. Ces événements se produisent lorsqu'une {{domxref ("Notification")}} est fermée.

- -

Syntaxe

- -
Notification.onclose = function(event) { ... }
-Notification.onclose = (event) => { ... }
-
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.onclose")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/onclose/index.md b/files/fr/web/api/notification/onclose/index.md new file mode 100644 index 0000000000..5dddd078f3 --- /dev/null +++ b/files/fr/web/api/notification/onclose/index.md @@ -0,0 +1,33 @@ +--- +title: Notification.onclose +slug: Web/API/notification/onclose +tags: + - API + - API Notifications + - Notification + - Notifications + - Propriété + - Reference + - onclose +translation_of: Web/API/Notification/onclose +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété onclose de l'interface {{domxref ("Notification")}} définit un écouteur d'événements pour recevoir les événements {{domxref ("HTMLDialogElement/close_event", "close")}}. Ces événements se produisent lorsqu'une {{domxref ("Notification")}} est fermée.

+ +

Syntaxe

+ +
Notification.onclose = function(event) { ... }
+Notification.onclose = (event) => { ... }
+
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.onclose")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/onerror/index.html b/files/fr/web/api/notification/onerror/index.html deleted file mode 100644 index af9115de5b..0000000000 --- a/files/fr/web/api/notification/onerror/index.html +++ /dev/null @@ -1,52 +0,0 @@ ---- -title: Notification.onerror -slug: Web/API/notification/onerror -tags: - - API - - API Notifications - - Notification - - Notifications - - Propriété - - Reference - - onerror -translation_of: Web/API/Notification/onerror ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété onerror de l'interface {{domxref ("Notification")}} spécifie un écouteur d'événements pour recevoir les événements {{domxref ("HTMLElement/error_event", "error")}}. Ces événements se produisent lorsque quelque chose ce déroule mal avec une {{domxref ("Notification")}} (dans de nombreux cas, une erreur qui empêche l'affichage de la notification.)

- -

Syntaxe

- -
Notification.onerror = function(event) { ... }
-Notification.onerror = (even) => { ... }
-
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-onerror','onerror')}}{{Spec2('Web Notifications')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.onerror")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/onerror/index.md b/files/fr/web/api/notification/onerror/index.md new file mode 100644 index 0000000000..af9115de5b --- /dev/null +++ b/files/fr/web/api/notification/onerror/index.md @@ -0,0 +1,52 @@ +--- +title: Notification.onerror +slug: Web/API/notification/onerror +tags: + - API + - API Notifications + - Notification + - Notifications + - Propriété + - Reference + - onerror +translation_of: Web/API/Notification/onerror +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété onerror de l'interface {{domxref ("Notification")}} spécifie un écouteur d'événements pour recevoir les événements {{domxref ("HTMLElement/error_event", "error")}}. Ces événements se produisent lorsque quelque chose ce déroule mal avec une {{domxref ("Notification")}} (dans de nombreux cas, une erreur qui empêche l'affichage de la notification.)

+ +

Syntaxe

+ +
Notification.onerror = function(event) { ... }
+Notification.onerror = (even) => { ... }
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-onerror','onerror')}}{{Spec2('Web Notifications')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.onerror")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/onshow/index.html b/files/fr/web/api/notification/onshow/index.html deleted file mode 100644 index a0a38caf41..0000000000 --- a/files/fr/web/api/notification/onshow/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: Notification.onshow -slug: Web/API/notification/onshow -tags: - - API - - API Notifications - - Notification - - Notifications - - Propriété - - Reference - - onshow -translation_of: Web/API/Notification/onshow ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété onshow de l'interface {{domxref ("Notification")}} définit un écouteur d'événements pour recevoir des événements {{domxref ("Element/show_event", "show")}}. Ces événements se produisent lorsqu'une {{domxref ("Notification")}} est affiché.

- -

Syntaxe

- -
Notification.onshow = function() { ... }
-Notification.onshow = () => { ... }
-
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.onshow")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/onshow/index.md b/files/fr/web/api/notification/onshow/index.md new file mode 100644 index 0000000000..a0a38caf41 --- /dev/null +++ b/files/fr/web/api/notification/onshow/index.md @@ -0,0 +1,33 @@ +--- +title: Notification.onshow +slug: Web/API/notification/onshow +tags: + - API + - API Notifications + - Notification + - Notifications + - Propriété + - Reference + - onshow +translation_of: Web/API/Notification/onshow +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété onshow de l'interface {{domxref ("Notification")}} définit un écouteur d'événements pour recevoir des événements {{domxref ("Element/show_event", "show")}}. Ces événements se produisent lorsqu'une {{domxref ("Notification")}} est affiché.

+ +

Syntaxe

+ +
Notification.onshow = function() { ... }
+Notification.onshow = () => { ... }
+
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.onshow")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/permission/index.html b/files/fr/web/api/notification/permission/index.html deleted file mode 100644 index 603a7cdb3c..0000000000 --- a/files/fr/web/api/notification/permission/index.html +++ /dev/null @@ -1,93 +0,0 @@ ---- -title: Notification.permission -slug: Web/API/notification/permission -tags: - - API - - API Notifications - - Notification - - Notifications - - Propriété - - Reference -translation_of: Web/API/Notification/permission ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété en lecture seule permission de l'interface {{domxref ("Notification")}} indique l'autorisation actuelle accordée par l'utilisateur à l'origine actuelle pour afficher des notifications.

- -

Syntaxe

- -
Notification.permission
- -

Valeur

- -

Une {{domxref("DOMString")}} représentant l'autorisation actuelle. La valeur peut être:

- - - -

Exemples

- -

L'extrait suivant peut être utilisé si vous souhaitez d'abord vérifier si les notifications sont prises en charge, puis vérifier si l'autorisation a été accordée pour l'origine actuelle pour envoyer des notifications, puis demander l'autorisation si nécessaire, avant d'envoyer une notification.

- -
function notifyMe() {
-  // Let's check if the browser supports notifications
-  if (!('Notification' in window)) {
-    console.log('This browser does not support desktop notification')
-  }
-
-  // Let's check whether notification permissions have alredy been granted
-  else if (Notification.permission === 'granted') {
-    // If it's okay let's create a notification
-    const notification = new Notification('Hi there!')
-  }
-
-  // Otherwise, we need to ask the user for permission
-  else if (
-    Notification.permission !== 'denied' ||
-    Notification.permission === 'default'
-  ) {
-    Notification.requestPermission((permission) => {
-      // If the user accepts, let's create a notification
-      if (permission === 'granted') {
-        const notification = new Notification('Hi there!')
-      }
-    })
-  }
-
-  // At last, if the user has denied notifications, and you
-  // want to be respectful there is no need to bother them any more.
-}
-
- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName("Web Notifications","#dom-notification-permission","permission")}}{{Spec2('Web Notifications')}}Living standard
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.permission")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/permission/index.md b/files/fr/web/api/notification/permission/index.md new file mode 100644 index 0000000000..603a7cdb3c --- /dev/null +++ b/files/fr/web/api/notification/permission/index.md @@ -0,0 +1,93 @@ +--- +title: Notification.permission +slug: Web/API/notification/permission +tags: + - API + - API Notifications + - Notification + - Notifications + - Propriété + - Reference +translation_of: Web/API/Notification/permission +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété en lecture seule permission de l'interface {{domxref ("Notification")}} indique l'autorisation actuelle accordée par l'utilisateur à l'origine actuelle pour afficher des notifications.

+ +

Syntaxe

+ +
Notification.permission
+ +

Valeur

+ +

Une {{domxref("DOMString")}} représentant l'autorisation actuelle. La valeur peut être:

+ + + +

Exemples

+ +

L'extrait suivant peut être utilisé si vous souhaitez d'abord vérifier si les notifications sont prises en charge, puis vérifier si l'autorisation a été accordée pour l'origine actuelle pour envoyer des notifications, puis demander l'autorisation si nécessaire, avant d'envoyer une notification.

+ +
function notifyMe() {
+  // Let's check if the browser supports notifications
+  if (!('Notification' in window)) {
+    console.log('This browser does not support desktop notification')
+  }
+
+  // Let's check whether notification permissions have alredy been granted
+  else if (Notification.permission === 'granted') {
+    // If it's okay let's create a notification
+    const notification = new Notification('Hi there!')
+  }
+
+  // Otherwise, we need to ask the user for permission
+  else if (
+    Notification.permission !== 'denied' ||
+    Notification.permission === 'default'
+  ) {
+    Notification.requestPermission((permission) => {
+      // If the user accepts, let's create a notification
+      if (permission === 'granted') {
+        const notification = new Notification('Hi there!')
+      }
+    })
+  }
+
+  // At last, if the user has denied notifications, and you
+  // want to be respectful there is no need to bother them any more.
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName("Web Notifications","#dom-notification-permission","permission")}}{{Spec2('Web Notifications')}}Living standard
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.permission")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/renotify/index.html b/files/fr/web/api/notification/renotify/index.html deleted file mode 100644 index ebd7bb4492..0000000000 --- a/files/fr/web/api/notification/renotify/index.html +++ /dev/null @@ -1,56 +0,0 @@ ---- -title: Notification.renotify -slug: Web/API/notification/renotify -tags: - - API - - API Notifications - - Experimental - - Notification - - Notifications - - Propriété - - Reference - - renotifier - - renotify -translation_of: Web/API/Notification/renotify ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété en lecture seule renotify de l'interface {{domxref ("Notification")}} spécifie si l'utilisateur doit être notifié après qu'une nouvelle notification remplace l'ancienne, comme spécifié comme définis à l'aide de l'option renotify lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification"," Notification()")}}.

- -

Syntaxe

- -
Notification.renotify
-
- -

Valeur

- -

Un {{domxref("Boolean")}}. false est la valeur par défaut; true oblige la notification à renotifier l'utilisateur.

- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-renotify','renotify')}}{{Spec2('Web Notifications')}}Living standard
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.renotify")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/renotify/index.md b/files/fr/web/api/notification/renotify/index.md new file mode 100644 index 0000000000..ebd7bb4492 --- /dev/null +++ b/files/fr/web/api/notification/renotify/index.md @@ -0,0 +1,56 @@ +--- +title: Notification.renotify +slug: Web/API/notification/renotify +tags: + - API + - API Notifications + - Experimental + - Notification + - Notifications + - Propriété + - Reference + - renotifier + - renotify +translation_of: Web/API/Notification/renotify +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété en lecture seule renotify de l'interface {{domxref ("Notification")}} spécifie si l'utilisateur doit être notifié après qu'une nouvelle notification remplace l'ancienne, comme spécifié comme définis à l'aide de l'option renotify lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification"," Notification()")}}.

+ +

Syntaxe

+ +
Notification.renotify
+
+ +

Valeur

+ +

Un {{domxref("Boolean")}}. false est la valeur par défaut; true oblige la notification à renotifier l'utilisateur.

+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-renotify','renotify')}}{{Spec2('Web Notifications')}}Living standard
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.renotify")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/requestpermission/index.html b/files/fr/web/api/notification/requestpermission/index.html deleted file mode 100644 index e8d71e4a90..0000000000 --- a/files/fr/web/api/notification/requestpermission/index.html +++ /dev/null @@ -1,119 +0,0 @@ ---- -title: Notification.requestPermission() -slug: Web/API/notification/requestPermission -tags: - - API - - API Notifications - - Méthode - - Notification - - Notifications - - Reference -translation_of: Web/API/Notification/requestPermission ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -
-

Note: Cette fonctionnalité n'est pas disponible dans {{domxref("SharedWorker")}}

-
- -
-

Note : Safari utilise toujours la syntaxe de function de rappel (callback ) pour obtenir l'autorisation. Lisez Utilisation de l'API Notifications pour un bon exemple de la fonctionnalité de détection et d'exécution du code le cas échéant.

-
- -

La méthode requestPermission() de l'interface {{domxref ("Notification")}} demande l'autorisation à l'utilisateur pour l'origine actuelle d'afficher des notifications.

- -

Syntaxe

- -

La dernière spécification a mis à jour cette méthode avec une syntaxe basée sur une promesse qui fonctionne comme ceci:

- -
Notification.requestPermission()
-  .then((permission) => { ... })
- -

Auparavant, la syntaxe était basée sur un simple rappel; cette version est désormais obsolète:

- -
Notification.requestPermission(callback);
- -

Paramètres

- -
-
callback {{optional_inline}} {{deprecated_inline("gecko46")}}
-
Une fonction de rappel facultative qui est appelée avec la valeur d'autorisation. Déconseillé en faveur de la valeur de retour de la promesse.
-
- -

Retour

- -

Une {{jsxref ("Promise", "Promesse")}} qui se résout en une {{domxref ("DOMString")}} avec la permission choisie par l'utilisateur. Les valeurs possibles pour cette chaîne sont:

- - - -

Exemples

- -

Supposons ce HTML de base:

- -
<button onclick="notifyMe()">Notifie moi !</button>
- -

Il est possible d'envoyer une notification comme suit - nous présentons ici un ensemble de code assez détaillé et complet que vous pourriez utiliser si vous vouliez d'abord vérifier si les notifications sont prises en charge, puis vérifiez si l'autorisation a été accordée pour l'origine actuelle d'envoyer des notifications, puis demander l'autorisation si nécessaire, avant d'envoyer une notification.

- -
function notifyMe() {
-  // Vérifions si le navigateur prend en charge les notifications
-  if (!('Notification' in window)) {
-    alert('Ce navigateur ne prend pas en charge la notification de bureau')
-  }
-
-  // Vérifions si les autorisations de notification ont déjà été accordées
-  else if (Notification.permission === 'granted') {
-    // Si tout va bien, créons une notification
-    const notification = new Notification('Salut toi!')
-  }
-
-  // Sinon, nous devons demander la permission à l'utilisateur
-  else if (Notification.permission !== 'denied') {
-    Notification.requestPermission().then((permission) => {
-      // Si l'utilisateur accepte, créons une notification
-      if (permission === 'granted') {
-        const notification = new Notification('Salut toi!')
-      }
-    })
-  }
-
-  // Enfin, si l'utilisateur a refusé les notifications, et que vous
-  // voulez être respectueux, il n'est plus nécessaire de les déranger.
-}
-
- -

Nous ne montrons plus d'exemple en direct sur cette page, car Chrome et Firefox n'autorisent plus les demandes de notification des {{htmlelement ("iframe")}}s d'origine croisée, avec d'autres navigateurs à suivre. Pour voir un exemple en action, consultez notre exemple de liste de tâches (voir également l'application en cours d'exécution.)

- -
-

Note : Dans l'exemple ci-dessus, nous générons des notifications en réponse à un geste de l'utilisateur (en cliquant sur un bouton). Il ne s'agit pas seulement d'une bonne pratique - vous ne devriez pas envoyer de spam aux utilisateurs avec des notifications qu'ils n'acceptent pas - mais les navigateurs suivants interdiront explicitement les notifications non déclenchées en réponse à un geste de l'utilisateur. Firefox le fait déjà depuis la version 72, par exemple.

-
- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationStatusComment
{{SpecName('Web Notifications')}}{{Spec2('Web Notifications')}}Living standard
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.requestPermission")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/requestpermission/index.md b/files/fr/web/api/notification/requestpermission/index.md new file mode 100644 index 0000000000..e8d71e4a90 --- /dev/null +++ b/files/fr/web/api/notification/requestpermission/index.md @@ -0,0 +1,119 @@ +--- +title: Notification.requestPermission() +slug: Web/API/notification/requestPermission +tags: + - API + - API Notifications + - Méthode + - Notification + - Notifications + - Reference +translation_of: Web/API/Notification/requestPermission +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +
+

Note: Cette fonctionnalité n'est pas disponible dans {{domxref("SharedWorker")}}

+
+ +
+

Note : Safari utilise toujours la syntaxe de function de rappel (callback ) pour obtenir l'autorisation. Lisez Utilisation de l'API Notifications pour un bon exemple de la fonctionnalité de détection et d'exécution du code le cas échéant.

+
+ +

La méthode requestPermission() de l'interface {{domxref ("Notification")}} demande l'autorisation à l'utilisateur pour l'origine actuelle d'afficher des notifications.

+ +

Syntaxe

+ +

La dernière spécification a mis à jour cette méthode avec une syntaxe basée sur une promesse qui fonctionne comme ceci:

+ +
Notification.requestPermission()
+  .then((permission) => { ... })
+ +

Auparavant, la syntaxe était basée sur un simple rappel; cette version est désormais obsolète:

+ +
Notification.requestPermission(callback);
+ +

Paramètres

+ +
+
callback {{optional_inline}} {{deprecated_inline("gecko46")}}
+
Une fonction de rappel facultative qui est appelée avec la valeur d'autorisation. Déconseillé en faveur de la valeur de retour de la promesse.
+
+ +

Retour

+ +

Une {{jsxref ("Promise", "Promesse")}} qui se résout en une {{domxref ("DOMString")}} avec la permission choisie par l'utilisateur. Les valeurs possibles pour cette chaîne sont:

+ + + +

Exemples

+ +

Supposons ce HTML de base:

+ +
<button onclick="notifyMe()">Notifie moi !</button>
+ +

Il est possible d'envoyer une notification comme suit - nous présentons ici un ensemble de code assez détaillé et complet que vous pourriez utiliser si vous vouliez d'abord vérifier si les notifications sont prises en charge, puis vérifiez si l'autorisation a été accordée pour l'origine actuelle d'envoyer des notifications, puis demander l'autorisation si nécessaire, avant d'envoyer une notification.

+ +
function notifyMe() {
+  // Vérifions si le navigateur prend en charge les notifications
+  if (!('Notification' in window)) {
+    alert('Ce navigateur ne prend pas en charge la notification de bureau')
+  }
+
+  // Vérifions si les autorisations de notification ont déjà été accordées
+  else if (Notification.permission === 'granted') {
+    // Si tout va bien, créons une notification
+    const notification = new Notification('Salut toi!')
+  }
+
+  // Sinon, nous devons demander la permission à l'utilisateur
+  else if (Notification.permission !== 'denied') {
+    Notification.requestPermission().then((permission) => {
+      // Si l'utilisateur accepte, créons une notification
+      if (permission === 'granted') {
+        const notification = new Notification('Salut toi!')
+      }
+    })
+  }
+
+  // Enfin, si l'utilisateur a refusé les notifications, et que vous
+  // voulez être respectueux, il n'est plus nécessaire de les déranger.
+}
+
+ +

Nous ne montrons plus d'exemple en direct sur cette page, car Chrome et Firefox n'autorisent plus les demandes de notification des {{htmlelement ("iframe")}}s d'origine croisée, avec d'autres navigateurs à suivre. Pour voir un exemple en action, consultez notre exemple de liste de tâches (voir également l'application en cours d'exécution.)

+ +
+

Note : Dans l'exemple ci-dessus, nous générons des notifications en réponse à un geste de l'utilisateur (en cliquant sur un bouton). Il ne s'agit pas seulement d'une bonne pratique - vous ne devriez pas envoyer de spam aux utilisateurs avec des notifications qu'ils n'acceptent pas - mais les navigateurs suivants interdiront explicitement les notifications non déclenchées en réponse à un geste de l'utilisateur. Firefox le fait déjà depuis la version 72, par exemple.

+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatusComment
{{SpecName('Web Notifications')}}{{Spec2('Web Notifications')}}Living standard
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.requestPermission")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/requireinteraction/index.html b/files/fr/web/api/notification/requireinteraction/index.html deleted file mode 100644 index 80eacf5f84..0000000000 --- a/files/fr/web/api/notification/requireinteraction/index.html +++ /dev/null @@ -1,52 +0,0 @@ ---- -title: Notification.requireInteraction -slug: Web/API/notification/requireInteraction -tags: - - API - - API Notifications - - Notification - - Notifications - - Propriété - - Reference - - Web - - requireInteraction -translation_of: Web/API/Notification/requireInteraction ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété en lecture seule requireInteraction de l'interface {{domxref ("Notification")}} renvoie un {{jsxref ("Boolean")}} indiquant qu'une notification doit rester active jusqu'à ce que l'utilisateur clique dessus ou la rejette, plutôt que de se fermer automatiquement. Ceci peut être défini à l'aide de l'option requireInteraction lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification()")}}.

- -

Syntaxe

- -
Notification.requireInteraction
- -

Valeur

- -

Un {{jsxref("Boolean")}}.

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-requireinteraction','requireInteraction')}}{{Spec2('Web Notifications')}}Living standard.
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.requireInteraction")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/requireinteraction/index.md b/files/fr/web/api/notification/requireinteraction/index.md new file mode 100644 index 0000000000..80eacf5f84 --- /dev/null +++ b/files/fr/web/api/notification/requireinteraction/index.md @@ -0,0 +1,52 @@ +--- +title: Notification.requireInteraction +slug: Web/API/notification/requireInteraction +tags: + - API + - API Notifications + - Notification + - Notifications + - Propriété + - Reference + - Web + - requireInteraction +translation_of: Web/API/Notification/requireInteraction +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété en lecture seule requireInteraction de l'interface {{domxref ("Notification")}} renvoie un {{jsxref ("Boolean")}} indiquant qu'une notification doit rester active jusqu'à ce que l'utilisateur clique dessus ou la rejette, plutôt que de se fermer automatiquement. Ceci peut être défini à l'aide de l'option requireInteraction lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification()")}}.

+ +

Syntaxe

+ +
Notification.requireInteraction
+ +

Valeur

+ +

Un {{jsxref("Boolean")}}.

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-requireinteraction','requireInteraction')}}{{Spec2('Web Notifications')}}Living standard.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.requireInteraction")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/silent/index.html b/files/fr/web/api/notification/silent/index.html deleted file mode 100644 index d97cde7bd4..0000000000 --- a/files/fr/web/api/notification/silent/index.html +++ /dev/null @@ -1,54 +0,0 @@ ---- -title: Notification.silent -slug: Web/API/notification/silent -tags: - - API - - API Notifications - - Notifications - - Propriété - - Reference - - Vibration - - Vibreur - - silencieuse - - silent -translation_of: Web/API/Notification/silent ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété en lecture seule silent de l'interface {{domxref ("Notification")}} spécifie si la notification doit être silencieuse, c'est-à-dire qu'aucun son ou vibration ne doit être émis, quels que soient les paramètres de l'appareil. Ceci est comme définis à l'aide de l'option silent lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification()")}}.

- -

Syntaxe

- -
Notification.silent
-
- -

Valeur

- -

Un {{domxref("Boolean")}}. false est la valeur par défaut; true rend la notification silencieuse.

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-silent','silent')}}{{Spec2('Web Notifications')}}Living standard
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.silent")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/silent/index.md b/files/fr/web/api/notification/silent/index.md new file mode 100644 index 0000000000..d97cde7bd4 --- /dev/null +++ b/files/fr/web/api/notification/silent/index.md @@ -0,0 +1,54 @@ +--- +title: Notification.silent +slug: Web/API/notification/silent +tags: + - API + - API Notifications + - Notifications + - Propriété + - Reference + - Vibration + - Vibreur + - silencieuse + - silent +translation_of: Web/API/Notification/silent +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété en lecture seule silent de l'interface {{domxref ("Notification")}} spécifie si la notification doit être silencieuse, c'est-à-dire qu'aucun son ou vibration ne doit être émis, quels que soient les paramètres de l'appareil. Ceci est comme définis à l'aide de l'option silent lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification()")}}.

+ +

Syntaxe

+ +
Notification.silent
+
+ +

Valeur

+ +

Un {{domxref("Boolean")}}. false est la valeur par défaut; true rend la notification silencieuse.

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-silent','silent')}}{{Spec2('Web Notifications')}}Living standard
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.silent")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/tag/index.html b/files/fr/web/api/notification/tag/index.html deleted file mode 100644 index 7c5196d714..0000000000 --- a/files/fr/web/api/notification/tag/index.html +++ /dev/null @@ -1,55 +0,0 @@ ---- -title: Notification.tag -slug: Web/API/notification/tag -tags: - - API - - API Notifications - - Balise - - Notification - - Notifications - - Propriété - - Reference - - tag -translation_of: Web/API/Notification/tag ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété en lecture seule tag de l'interface {{domxref ("Notification")}} correspond à une balise d'identification pour la notification, comme définis à l'aide de l'option tag lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification()" )}}.

- -

L'idée des balises de notification est que plusieurs notifications peuvent partager la même balise, les reliant entre elles. Une notification peut ensuite être programmatiquement remplacée par une autre pour éviter que l'écran des utilisateurs ne soit rempli d'un grand nombre de notifications similaires.

- -

Syntaxe

- -
Notification.tag
-
- -

Valeur

- -

Une {{domxref("DOMString")}}.

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-tag','tag')}}{{Spec2('Web Notifications')}}Living standard
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.tag")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/tag/index.md b/files/fr/web/api/notification/tag/index.md new file mode 100644 index 0000000000..7c5196d714 --- /dev/null +++ b/files/fr/web/api/notification/tag/index.md @@ -0,0 +1,55 @@ +--- +title: Notification.tag +slug: Web/API/notification/tag +tags: + - API + - API Notifications + - Balise + - Notification + - Notifications + - Propriété + - Reference + - tag +translation_of: Web/API/Notification/tag +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété en lecture seule tag de l'interface {{domxref ("Notification")}} correspond à une balise d'identification pour la notification, comme définis à l'aide de l'option tag lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification()" )}}.

+ +

L'idée des balises de notification est que plusieurs notifications peuvent partager la même balise, les reliant entre elles. Une notification peut ensuite être programmatiquement remplacée par une autre pour éviter que l'écran des utilisateurs ne soit rempli d'un grand nombre de notifications similaires.

+ +

Syntaxe

+ +
Notification.tag
+
+ +

Valeur

+ +

Une {{domxref("DOMString")}}.

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-tag','tag')}}{{Spec2('Web Notifications')}}Living standard
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.tag")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/timestamp/index.html b/files/fr/web/api/notification/timestamp/index.html deleted file mode 100644 index 8218d858d6..0000000000 --- a/files/fr/web/api/notification/timestamp/index.html +++ /dev/null @@ -1,54 +0,0 @@ ---- -title: Notification.timestamp -slug: Web/API/notification/timestamp -tags: - - API - - API Notifications - - Notification - - Notifications - - Propriété - - Reference - - horodatage - - timeStamp -translation_of: Web/API/Notification/timestamp ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété en lecture seule timestamp de l'interface {{domxref ("Notification")}} renvoie un {{domxref ("DOMTimeStamp")}}, comme définis à l'aide de l'option timestamp lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification()")}}.

- -

L'horodatage de la notification peut représenter le moment, en millisecondes depuis 00:00:00 UTC le 1er janvier 1970, de l'événement pour lequel la notification a été créée, ou il peut s'agir d'un horodatage arbitraire que vous souhaitez associer à la notification. Par exemple, un horodatage pour une réunion à venir pourrait être défini dans le futur, tandis qu'un horodatage pour un message manqué pourrait être défini dans le passé.

- -

Syntaxe

- -
Notification.timestamp
- -

Valeur

- -

Un {{domxref("DOMTimeStamp")}}.

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-timestamp','timestamp')}}{{Spec2('Web Notifications')}}Living standard
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.timestamp")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/timestamp/index.md b/files/fr/web/api/notification/timestamp/index.md new file mode 100644 index 0000000000..8218d858d6 --- /dev/null +++ b/files/fr/web/api/notification/timestamp/index.md @@ -0,0 +1,54 @@ +--- +title: Notification.timestamp +slug: Web/API/notification/timestamp +tags: + - API + - API Notifications + - Notification + - Notifications + - Propriété + - Reference + - horodatage + - timeStamp +translation_of: Web/API/Notification/timestamp +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété en lecture seule timestamp de l'interface {{domxref ("Notification")}} renvoie un {{domxref ("DOMTimeStamp")}}, comme définis à l'aide de l'option timestamp lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification()")}}.

+ +

L'horodatage de la notification peut représenter le moment, en millisecondes depuis 00:00:00 UTC le 1er janvier 1970, de l'événement pour lequel la notification a été créée, ou il peut s'agir d'un horodatage arbitraire que vous souhaitez associer à la notification. Par exemple, un horodatage pour une réunion à venir pourrait être défini dans le futur, tandis qu'un horodatage pour un message manqué pourrait être défini dans le passé.

+ +

Syntaxe

+ +
Notification.timestamp
+ +

Valeur

+ +

Un {{domxref("DOMTimeStamp")}}.

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-timestamp','timestamp')}}{{Spec2('Web Notifications')}}Living standard
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.timestamp")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/title/index.html b/files/fr/web/api/notification/title/index.html deleted file mode 100644 index ba07a05630..0000000000 --- a/files/fr/web/api/notification/title/index.html +++ /dev/null @@ -1,52 +0,0 @@ ---- -title: Notification.title -slug: Web/API/notification/title -tags: - - API - - API Notifications - - Notification - - Notifications - - Propriété - - Reference - - Title - - Titre -translation_of: Web/API/Notification/title ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété en lecture seule title de l'interface {{domxref ("Notification")}} indique le titre de la notification, comme définis à l'aide de l'option silent lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification()") }} constructeur.

- -

Syntaxe

- -
Notification.title
- -

Valeur

- -

Une {{domxref("DOMString")}}.

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-title','title')}}{{Spec2('Web Notifications')}}Living standard
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.title")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/title/index.md b/files/fr/web/api/notification/title/index.md new file mode 100644 index 0000000000..ba07a05630 --- /dev/null +++ b/files/fr/web/api/notification/title/index.md @@ -0,0 +1,52 @@ +--- +title: Notification.title +slug: Web/API/notification/title +tags: + - API + - API Notifications + - Notification + - Notifications + - Propriété + - Reference + - Title + - Titre +translation_of: Web/API/Notification/title +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété en lecture seule title de l'interface {{domxref ("Notification")}} indique le titre de la notification, comme définis à l'aide de l'option silent lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification()") }} constructeur.

+ +

Syntaxe

+ +
Notification.title
+ +

Valeur

+ +

Une {{domxref("DOMString")}}.

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-title','title')}}{{Spec2('Web Notifications')}}Living standard
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.title")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/notification/vibrate/index.html b/files/fr/web/api/notification/vibrate/index.html deleted file mode 100644 index d9bae90120..0000000000 --- a/files/fr/web/api/notification/vibrate/index.html +++ /dev/null @@ -1,54 +0,0 @@ ---- -title: Notification.vibrate -slug: Web/API/notification/vibrate -tags: - - API - - API Notifications - - Notification - - Notifications - - Propriété - - Reference - - Vibration - - Vibreur - - vibrate -translation_of: Web/API/Notification/vibrate ---- -

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

- -

La propriété en lecture seule vibrate de l'interface {{domxref ("Notification")}} spécifie un modèle de vibration que le matériel de vibration de l'appareil doit émettre lorsque la notification se déclenche. Ceci est comme définis à l'aide de l'option vibrate lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification ()")}}.

- -

Syntaxe

- -
Notification.vibrate
-
- -

Valeur

- -

Un modèle de vibration, tel que spécifié dans la spécification de l'{{domxref ("Vibration_API", "Api de Vibration")}}.

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-vibrate','vibrate')}}{{Spec2('Web Notifications')}}Living standard
- -

Compatibilité des navigateurs

- -

{{Compat("api.Notification.vibrate")}}

- -

Voir également

- - diff --git a/files/fr/web/api/notification/vibrate/index.md b/files/fr/web/api/notification/vibrate/index.md new file mode 100644 index 0000000000..d9bae90120 --- /dev/null +++ b/files/fr/web/api/notification/vibrate/index.md @@ -0,0 +1,54 @@ +--- +title: Notification.vibrate +slug: Web/API/notification/vibrate +tags: + - API + - API Notifications + - Notification + - Notifications + - Propriété + - Reference + - Vibration + - Vibreur + - vibrate +translation_of: Web/API/Notification/vibrate +--- +

{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}

+ +

La propriété en lecture seule vibrate de l'interface {{domxref ("Notification")}} spécifie un modèle de vibration que le matériel de vibration de l'appareil doit émettre lorsque la notification se déclenche. Ceci est comme définis à l'aide de l'option vibrate lors de la création de la notification à l'aide du constructeur {{domxref ("Notification.Notification", "Notification ()")}}.

+ +

Syntaxe

+ +
Notification.vibrate
+
+ +

Valeur

+ +

Un modèle de vibration, tel que spécifié dans la spécification de l'{{domxref ("Vibration_API", "Api de Vibration")}}.

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Web Notifications','#dom-notification-vibrate','vibrate')}}{{Spec2('Web Notifications')}}Living standard
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Notification.vibrate")}}

+ +

Voir également

+ + -- cgit v1.2.3-54-g00ecf