From 6772831200d14c2436aea2d0c837f40dbf12156f Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Sun, 26 Sep 2021 13:11:47 +0200 Subject: Prepare Web API section for Markdown conversion (#2464) * Remove summary classes and ids * Remove unecessary hidden * Remove useless span filled with useless attributes / ids * Remove useless font * Remove notranslate * Remove id in other elements than headings * Remove name attributes * Remove 
 for JS w/ language-js class

* Remove 
 for HTML w/ language-html class

* Remove 
 for other lang w/ language-* class

* Rm highlighted line in code samples

* fix links, internal, external, absolute URLs

* missing file from last commit

* Fix styles errors apart from table + some classes

* Fix notes and warnings (+ some other :x)

* fix typo during merge which broke a doc

* aand forgot a conflict

* fix remaining classes of errors except dls and images

* Fix dls

* Fix images (deki/mozillademos) and remaining style issues

* Remove script tag from svg file

* Remove script tag from svg fileS

* Compress SVG files for CI
---
 files/fr/web/api/sharedworker/index.html           | 52 +++++++++++-----------
 files/fr/web/api/sharedworker/port/index.html      |  2 +-
 .../web/api/sharedworker/sharedworker/index.html   |  4 +-
 3 files changed, 29 insertions(+), 29 deletions(-)

(limited to 'files/fr/web/api/sharedworker')

diff --git a/files/fr/web/api/sharedworker/index.html b/files/fr/web/api/sharedworker/index.html
index 8aaece5361..1e5e6b0351 100644
--- a/files/fr/web/api/sharedworker/index.html
+++ b/files/fr/web/api/sharedworker/index.html
@@ -15,7 +15,7 @@ translation_of: Web/API/SharedWorker
 
L'interface SharedWorker représente un type spécifique de worker qui peut être accédé à partir de plusieurs contextes de navigation, tels que plusieurs fenêtres, iframes ou même workers. Ils implémentent une autre interface que les workers dédiés et ont un contexte global différent, {{domxref("SharedWorkerGlobalScope")}}.

 
 

-
Remarque : si un SharedWorker peut être accédé à partir de plusieurs contextes de navigation, tous ces contextes de navigation doivent partager exactement la même origine (même protocole, hôte et port.)

+
Note : Si un SharedWorker peut être accédé à partir de plusieurs contextes de navigation, tous ces contextes de navigation doivent partager exactement la même origine (même protocole, hôte et port.)

 

 
 
Constructeurs

@@ -45,45 +45,45 @@ translation_of: Web/API/SharedWorker
 
 
Exemple

 
-
Dans notre  Exemple basique d'un worker partagé (lancer le worker partagé), nous avons deux pages HTML, qui chacune utilise du code JavaScript pour réaliser un calcul simple. Les différents scripts utilisent le même worker pour effectuer ce calcul — ils peuvent tous les deux y accéder, même si leurs pages s'exécutent à l'intérieur de fenêtres différentes.

+
Dans notre  Exemple basique d'un worker partagé (lancer le worker partagé), nous avons deux pages HTML, qui chacune utilise du code JavaScript pour réaliser un calcul simple. Les différents scripts utilisent le même worker pour effectuer ce calcul — ils peuvent tous les deux y accéder, même si leurs pages s'exécutent à l'intérieur de fenêtres différentes.

 
 
L'extrait de code suivant illustre la création d'un objet SharedWorker en utilisant le constructeur {{domxref("SharedWorker.SharedWorker", "SharedWorker()")}}. Les deux scripts contiennent ceci :

 
-
var myWorker = new SharedWorker("worker.js");

+
var myWorker = new SharedWorker("worker.js");

 
 
Les deux scripts accèdent alors au worker à travers un objet {{domxref("MessagePort")}} créé en utilisant la propriété {{domxref("SharedWorker.port")}} — le port est démarré au moyen de sa méthode start() :

 
-
myWorker.port.start();

+
myWorker.port.start();

 
 
Lorsque le port est démarré, les deux scripts envoient des messages au worker et gèrent les messages qu'il renvoie en utilisant respectivement port.postMessage() et port.onmessage :

 
-
first.onchange = function() {
-    myWorker.port.postMessage([first.value,second.value]);
-    console.log('Message envoyé au worker');
-  }
+
first.onchange = function() {
+    myWorker.port.postMessage([first.value,second.value]);
+    console.log('Message envoyé au worker');
+  }
 
-  second.onchange = function() {
-    myWorker.port.postMessage([first.value,second.value]);
-    console.log('Message envoyé au worker');
-  }
+  second.onchange = function() {
+    myWorker.port.postMessage([first.value,second.value]);
+    console.log('Message envoyé au worker');
+  }
 
-  myWorker.port.onmessage = function(e) {
-    result1.textContent = e.data;
-    console.log('Message reçu du worker');
-  }

+  myWorker.port.onmessage = function(e) {
+    result1.textContent = e.data;
+    console.log('Message reçu du worker');
+  }

 
 
Au sein du worker, nous utilisons le gestionnaire {{domxref("SharedWorkerGlobalScope.onconnect")}} pour se connecter au même port dont il a été question plus haut. Les ports associés au worker sont accessibles dans la propriété ports de l'événement {{event("connect")}} — nous utilisons alors la méthode {{domxref("MessagePort")}} start() pour démarrer le port, et le gestionnaire onmessage pour s'occuper des messages en provenance des threads principaux.

 
-
onconnect = function(e) {
-    var port = e.ports[0];
+
onconnect = function(e) {
+    var port = e.ports[0];
 
-    port.onmessage = function(e) {
-      var workerResult = 'Result: ' + (e.data[0] * e.data[1]);
-      port.postMessage(workerResult);
-    }
+    port.onmessage = function(e) {
+      var workerResult = 'Result: ' + (e.data[0] * e.data[1]);
+      port.postMessage(workerResult);
+    }
 
-    port.start();
-}

+    port.start();
+}

 
 
Spécifications

 
@@ -102,7 +102,7 @@ translation_of: Web/API/SharedWorker
  
 
 
-
Compatibilité des navigateurs

+
Compatibilité des navigateurs

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

 
@@ -110,5 +110,5 @@ translation_of: Web/API/SharedWorker
 
 
diff --git a/files/fr/web/api/sharedworker/port/index.html b/files/fr/web/api/sharedworker/port/index.html
index 80605091d8..22bd830ee7 100644
--- a/files/fr/web/api/sharedworker/port/index.html
+++ b/files/fr/web/api/sharedworker/port/index.html
@@ -22,7 +22,7 @@ translation_of: Web/API/SharedWorker/port
 
var myWorker = new SharedWorker('worker.js');
 myWorker.port.start();

 
-
Pour un exemple complet, voir (en) Exemple basique de worker partagé ((en) démonstration d'un worker partagé.)

+
Pour un exemple complet, voir (en) Exemple basique de worker partagé ((en) démonstration d'un worker partagé.)

 
 
Spécifications

 
diff --git a/files/fr/web/api/sharedworker/sharedworker/index.html b/files/fr/web/api/sharedworker/sharedworker/index.html
index fb98ecbe33..c4c35fb16d 100644
--- a/files/fr/web/api/sharedworker/sharedworker/index.html
+++ b/files/fr/web/api/sharedworker/sharedworker/index.html
@@ -8,7 +8,7 @@ translation_of: Web/API/SharedWorker/SharedWorker
 
Le constructeur SharedWorker() crée un objet {{domxref("SharedWorker")}} qui exécute le script depuis l'URL indiquée. Le script doit respecter la politique de même origine.

 
 

-
Remarque: Il y a désaccord entre les fabricants de navigateur pour savoir si l'URI doit avoir la même origine ou non. Bien que Gecko 10.0 {{geckoRelease("10.0")}} et les version supérieurs acceptent des origines différentes, ce n'est pas le cas des autres navigateurs.

+
Note : Il y a désaccord entre les fabricants de navigateur pour savoir si l'URI doit avoir la même origine ou non. Bien que Gecko 10.0 {{geckoRelease("10.0")}} et les version supérieurs acceptent des origines différentes, ce n'est pas le cas des autres navigateurs.

 

 
 
Syntaxe

@@ -68,7 +68,7 @@ myWorker.port.onmessage = function(e) {
   console.log('Message received from worker');
 }

 
-
Pour l'exemple en complet, voir Basic shared worker example (run shared worker.)

+
Pour l'exemple en complet, voir Basic shared worker example (run shared worker.)

 
 
Spécifications

 
-- 
cgit v1.2.3-54-g00ecf