Redimensionnez la fenêtre pour déclencher l'évènement resize.
+
+ Redimensionnez la fenêtre pour déclencher l'évènement resize.
+
Hauteur de la fenêtre :
Largeur de la fenêtre :
```
@@ -36,8 +38,8 @@ window.onresize = refFonction;
#### JavaScript
```js
-const heightOutput = document.querySelector('#height');
-const widthOutput = document.querySelector('#width');
+const heightOutput = document.querySelector("#height");
+const widthOutput = document.querySelector("#width");
function resize() {
heightOutput.textContent = window.innerHeight;
diff --git a/files/fr/web/api/window/resizeby/index.md b/files/fr/web/api/window/resizeby/index.md
index 4259eebfb2966a..d08abaa7189f8b 100644
--- a/files/fr/web/api/window/resizeby/index.md
+++ b/files/fr/web/api/window/resizeby/index.md
@@ -11,7 +11,7 @@ La méthode **`Window.resizeBy()`** redimensionne la fenêtre actuelle d'une tai
## Syntaxe
```js
-window.resizeBy(xDelta, yDelta)
+window.resizeBy(xDelta, yDelta);
```
### Paramètres
@@ -38,7 +38,11 @@ Même si vous créez une fenêtre avec `window.open()` **elle n'est pas redimens
```js
// Créer une fenêtre redimensionnable
-myExternalWindow = window.open("http://myurl.domain", "myWindowName", "resizable");
+myExternalWindow = window.open(
+ "http://myurl.domain",
+ "myWindowName",
+ "resizable",
+);
// Redimensionner la fenêtre à 500 x 500
myExternalWindow.resizeTo(500, 500);
diff --git a/files/fr/web/api/window/screenx/index.md b/files/fr/web/api/window/screenx/index.md
index fb992e8458821f..59c193f0b614c1 100644
--- a/files/fr/web/api/window/screenx/index.md
+++ b/files/fr/web/api/window/screenx/index.md
@@ -11,7 +11,7 @@ La propriété **`Window.screenX`** retourne la distance honrizontale, in CSS pi
## Syntaxe
```js
-lLoc = window.screenX
+lLoc = window.screenX;
```
- _`lLoc`_ is the number of CSS pixels from the left side the screen.
diff --git a/files/fr/web/api/window/scroll/index.md b/files/fr/web/api/window/scroll/index.md
index 20a7def4ee722c..9e8c9951b0a804 100644
--- a/files/fr/web/api/window/scroll/index.md
+++ b/files/fr/web/api/window/scroll/index.md
@@ -11,8 +11,8 @@ La méthode **`Window.scroll()`** permet de faire défiler la fenêtre jusqu'à
## Syntaxe
```js
-window.scroll(x, y)
-window.scroll(options)
+window.scroll(x, y);
+window.scroll(options);
```
### Paramètres
@@ -38,7 +38,9 @@ Ou avec `options` :
```html
-
+
```
Avec `options` :
@@ -47,7 +49,7 @@ Avec `options` :
window.scroll({
top: 100,
left: 100,
- behavior: 'smooth'
+ behavior: "smooth",
});
```
diff --git a/files/fr/web/api/window/scrollbars/index.md b/files/fr/web/api/window/scrollbars/index.md
index 64ceae268d46f0..96d241dcbecb9e 100644
--- a/files/fr/web/api/window/scrollbars/index.md
+++ b/files/fr/web/api/window/scrollbars/index.md
@@ -11,7 +11,7 @@ La propriété **`Window.scrollbars`** renvoie l'objet `scrollbars`, dont la vis
## Syntaxe
```js
-objRef = window.scrollbars
+objRef = window.scrollbars;
```
## Exemple
@@ -21,15 +21,15 @@ L'exemple HTML complet suivant montre comment la propriété `visible` de l'obje
```html
-
- Divers Tests DOM
-
-
-
-
Divers Tests DOM
-
+
+ Divers Tests DOM
+
+
+
+
Divers Tests DOM
+
```
diff --git a/files/fr/web/api/window/scrollbylines/index.md b/files/fr/web/api/window/scrollbylines/index.md
index 195d234119e712..cbc2f6eee2bfc5 100644
--- a/files/fr/web/api/window/scrollbylines/index.md
+++ b/files/fr/web/api/window/scrollbylines/index.md
@@ -13,7 +13,7 @@ Fait défiler le document du nombre de lignes spécifié.
## Syntaxe
```js
-window.scrollByLines(lignes)
+window.scrollByLines(lignes);
```
## Paramètres
diff --git a/files/fr/web/api/window/scrollbypages/index.md b/files/fr/web/api/window/scrollbypages/index.md
index 6bc6d0e14c7857..aad382a598a96b 100644
--- a/files/fr/web/api/window/scrollbypages/index.md
+++ b/files/fr/web/api/window/scrollbypages/index.md
@@ -11,7 +11,7 @@ Fait défiler le document du nombre de pages spécifié.
### Syntaxe
```js
-window.scrollByPages(pages)
+window.scrollByPages(pages);
```
### Paramètres
diff --git a/files/fr/web/api/window/scrollto/index.md b/files/fr/web/api/window/scrollto/index.md
index ead9210a0336c5..98c6117641917a 100644
--- a/files/fr/web/api/window/scrollto/index.md
+++ b/files/fr/web/api/window/scrollto/index.md
@@ -11,15 +11,15 @@ La méthode **`Window.scrollTo()`** permet de faire défiler la fenêtre pour at
## Syntaxe
```js
-scrollTo(x-coord, y-coord)
-scrollTo(options)
+scrollTo(x_coord, y_coord);
+scrollTo(options);
```
### Paramètres
-- `x-coord`
+- `x_coord`
- : Le pixel sur l'axe horizontal du document dont on veut qu'il soit affiché dans le coin supérieur gauche.
-- `y-coord`
+- `y_coord`
- : Le pixel sur l'axe vertical du document dont on veut qu'il soit affiché dans le coin supérieur gauche.
ou
@@ -51,7 +51,7 @@ window.scrollTo(0, 1000);
window.scrollTo({
top: 100,
left: 100,
- behavior: 'smooth'
+ behavior: "smooth",
});
```
diff --git a/files/fr/web/api/window/scrolly/index.md b/files/fr/web/api/window/scrolly/index.md
index 7e7de4463d218b..ee85ae098d6c5f 100644
--- a/files/fr/web/api/window/scrolly/index.md
+++ b/files/fr/web/api/window/scrolly/index.md
@@ -21,7 +21,7 @@ var y = window.scrollY;
```js
// make sure and go down to the second page
if (window.scrollY) {
- window.scroll(0, 0); // reset the scroll position to the top left of the document.
+ window.scroll(0, 0); // reset the scroll position to the top left of the document.
}
window.scrollByPages(1);
@@ -41,10 +41,18 @@ Pour une compatibilité multi-navigateur, utilisez `window.pageYOffset` à la pl
```js
var supportPageOffset = window.pageXOffset !== undefined;
-var isCSS1Compat = ((document.compatMode || "") === "CSS1Compat");
-
-var x = supportPageOffset ? window.pageXOffset : isCSS1Compat ? document.documentElement.scrollLeft : document.body.scrollLeft;
-var y = supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop;
+var isCSS1Compat = (document.compatMode || "") === "CSS1Compat";
+
+var x = supportPageOffset
+ ? window.pageXOffset
+ : isCSS1Compat
+ ? document.documentElement.scrollLeft
+ : document.body.scrollLeft;
+var y = supportPageOffset
+ ? window.pageYOffset
+ : isCSS1Compat
+ ? document.documentElement.scrollTop
+ : document.body.scrollTop;
```
## Spécifications
diff --git a/files/fr/web/api/window/sessionstorage/index.md b/files/fr/web/api/window/sessionstorage/index.md
index 95e470f56ad418..4f82d4a3ca06ef 100644
--- a/files/fr/web/api/window/sessionstorage/index.md
+++ b/files/fr/web/api/window/sessionstorage/index.md
@@ -14,13 +14,13 @@ Il est à noter que les données stockées dans sessionStorage ou localStorage s
```js
// Enregistrer des données dans sessionStorage
-sessionStorage.setItem('clé', 'valeur');
+sessionStorage.setItem("clé", "valeur");
// Récupérer des données depuis sessionStorage
-var data = sessionStorage.getItem('clé');
+var data = sessionStorage.getItem("clé");
// Supprimer des données de sessionStorage
-sessionStorage.removeItem('clé');
+sessionStorage.removeItem("clé");
// Supprimer toutes les données de sessionStorage
sessionStorage.clear();
@@ -35,7 +35,7 @@ Un objet {{domxref("Storage")}}.
L'exemple de code suivant accède à l'objet de stockage de session associé au domaine actuel et y ajoute une donnée à l'aide de {{domxref("Storage.setItem()")}}.
```js
-sessionStorage.setItem('myCat', 'Tom');
+sessionStorage.setItem("myCat", "Tom");
```
L'exemple suivant sauvegarde automatiquement le contenu d'un champ textuel. Si la page est accidentellement rafraîchie, le contenu du champ est restauré de sorte qu'aucune saisie n'est perdue.
@@ -52,7 +52,7 @@ if (sessionStorage.getItem("autosave")) {
}
// Écoute des changements de valeur du champ
-champ.addEventListener("change", function() {
+champ.addEventListener("change", function () {
// Enregistrement de la saisie utilisateur dans le stockage de session
sessionStorage.setItem("autosave", champ.value);
});
diff --git a/files/fr/web/api/window/showmodaldialog/index.md b/files/fr/web/api/window/showmodaldialog/index.md
index 80262efa6a7634..f287926685bffd 100644
--- a/files/fr/web/api/window/showmodaldialog/index.md
+++ b/files/fr/web/api/window/showmodaldialog/index.md
@@ -15,9 +15,9 @@ La méthode **`Window.showModalDialog()`** permettait de créer et d'afficher un
## Syntaxe
```js
-showModalDialog(uri)
-showModalDialog(uri, arguments)
-showModalDialog(uri, arguments, options)
+showModalDialog(uri);
+showModalDialog(uri, arguments);
+showModalDialog(uri, arguments, options);
```
### Paramètres
diff --git a/files/fr/web/api/window/stop/index.md b/files/fr/web/api/window/stop/index.md
index fd06a114f8f06b..d5bd63191642c2 100644
--- a/files/fr/web/api/window/stop/index.md
+++ b/files/fr/web/api/window/stop/index.md
@@ -13,7 +13,7 @@ En raison de la manière dont les scripts sont exécutés, cette méthode ne peu
## Syntaxe
```js
-window.stop()
+window.stop();
```
## Exemple
diff --git a/files/fr/web/api/window/storage_event/index.md b/files/fr/web/api/window/storage_event/index.md
index 0382b507099e1f..e225d5a9128509 100644
--- a/files/fr/web/api/window/storage_event/index.md
+++ b/files/fr/web/api/window/storage_event/index.md
@@ -1,5 +1,5 @@
---
-title: 'Window: storage event'
+title: "Window: storage event"
slug: Web/API/Window/storage_event
translation_of: Web/API/Window/storage_event
---
@@ -37,10 +37,10 @@ L'événement **`storage`** de l'interface {{domxref("Window")}} se déclenche l
Consignez l'élément `sampleList` sur la console lorsque l'événement `storage` se déclenche :
```js
-window.addEventListener('storage', () => {
+window.addEventListener("storage", () => {
// Lorsque le stockage local change, vider la liste sur
// la console.
- console.log(JSON.parse(window.localStorage.getItem('sampleList')));
+ console.log(JSON.parse(window.localStorage.getItem("sampleList")));
});
```
@@ -50,7 +50,7 @@ La même action peut être réalisée ) l'aide de la propriété du gestionnaire
window.onstorage = () => {
// Lorsque le stockage local change, vider la liste dans
// la console.
- console.log(JSON.parse(window.localStorage.getItem('sampleList')));
+ console.log(JSON.parse(window.localStorage.getItem("sampleList")));
};
```
diff --git a/files/fr/web/api/window/unload_event/index.md b/files/fr/web/api/window/unload_event/index.md
index 957f2850fddeb2..c31a59084abdb3 100644
--- a/files/fr/web/api/window/unload_event/index.md
+++ b/files/fr/web/api/window/unload_event/index.md
@@ -18,7 +18,7 @@ Le document se trouve alors dans un état particulier :
- Les intéractions avec l'interface sont désactivées (`window.open`, `alert`, `confirm`, etc.)
- Aucune erreur ne viendra interrompre le flux de déchargement.
-Veuiller noter que l'événement `unload` suit l'ordre du document : le cadre parent est déchargé *avant* le `unload` d'un cadre enfant (voir l'exemple ci-dessous).
+Veuiller noter que l'événement `unload` suit l'ordre du document : le cadre parent est déchargé _avant_ le `unload` d'un cadre enfant (voir l'exemple ci-dessous).
@@ -50,28 +50,28 @@ Veuiller noter que l'événement `unload` suit l'ordre du document : le cadre pa
## Propriétés
-| Propriété | Type | Description |
-| ------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------ |
-| `target` {{readonlyInline}} | [`EventTarget`](/fr/docs/Web/API/EventTarget) | La cible de l'événement (la cible de plus haut niveau dans le DOM). |
-| `type` {{readonlyInline}} | [`DOMString`](/fr/docs/Web/API/DOMString) | Le type d'événement. |
-| `bubbles` {{readonlyInline}} | [`Boolean`](/fr/docs/Web/API/Boolean) | Si l'événement remonte ou non. |
-| `cancelable` {{readonlyInline}} | [`Boolean`](/fr/docs/Web/API/Boolean) | Si l'événement est annulable ou non. |
+| Propriété | Type | Description |
+| ------------------------------- | --------------------------------------------- | --------------------------------------------------------------------------------------- |
+| `target` {{readonlyInline}} | [`EventTarget`](/fr/docs/Web/API/EventTarget) | La cible de l'événement (la cible de plus haut niveau dans le DOM). |
+| `type` {{readonlyInline}} | [`DOMString`](/fr/docs/Web/API/DOMString) | Le type d'événement. |
+| `bubbles` {{readonlyInline}} | [`Boolean`](/fr/docs/Web/API/Boolean) | Si l'événement remonte ou non. |
+| `cancelable` {{readonlyInline}} | [`Boolean`](/fr/docs/Web/API/Boolean) | Si l'événement est annulable ou non. |
| `view` {{readonlyInline}} | [`WindowProxy`](/fr/docs/Web/API/WindowProxy) | [`document.defaultView`](/fr/docs/Web/API/Document/defaultView) (`fenêtre` du document) |
-| `detail` {{readonlyInline}} | `long` (`float`) | 0. |
+| `detail` {{readonlyInline}} | `long` (`float`) | 0. |
## Exemple
```html
-
+
Cadre parent
@@ -84,21 +84,21 @@ Veuiller noter que l'événement `unload` suit l'ordre du document : le cadre pa
Ci-dessous, le contenu de `child-frame.html`:
```html
-
+
Cadre enfant
- ☻
+ ☻
```
diff --git a/files/fr/web/api/window/vrdisplayconnect_event/index.md b/files/fr/web/api/window/vrdisplayconnect_event/index.md
index 77221c69a776a2..a44c6053c5aef8 100644
--- a/files/fr/web/api/window/vrdisplayconnect_event/index.md
+++ b/files/fr/web/api/window/vrdisplayconnect_event/index.md
@@ -1,5 +1,5 @@
---
-title: 'Window: vrdisplayconnect event'
+title: "Window: vrdisplayconnect event"
slug: Web/API/Window/vrdisplayconnect_event
translation_of: Web/API/Window/vrdisplayconnect_event
---
@@ -40,8 +40,8 @@ L'événement **`vrdisplayconnect`** de l'[API WebVR](/fr/docs/Web/API/WebVR_API
Vous pouvez utiliser l'événement `vrdisplayconnect` dans une méthode [`addEventListener`](/fr/docs/Web/API/EventTarget/addEventListener) :
```js
-window.addEventListener('vrdisplayconnect', function() {
- info.textContent = 'Affichage connecté.';
+window.addEventListener("vrdisplayconnect", function () {
+ info.textContent = "Affichage connecté.";
reportDisplays();
});
```
@@ -49,8 +49,8 @@ window.addEventListener('vrdisplayconnect', function() {
Ou utilisez la propriété du gestionnaire d'événements [`onvrdisplayconnect`](/fr/docs/Web/API/Window/onvrdisplayconnect) :
```js
-window.onvrdisplayconnect = function() {
- info.textContent = 'Affichage connecté.';
+window.onvrdisplayconnect = function () {
+ info.textContent = "Affichage connecté.";
reportDisplays();
};
```
diff --git a/files/fr/web/api/window/vrdisplaydisconnect_event/index.md b/files/fr/web/api/window/vrdisplaydisconnect_event/index.md
index 6e572ef67e1099..7b43ddc6e23aee 100644
--- a/files/fr/web/api/window/vrdisplaydisconnect_event/index.md
+++ b/files/fr/web/api/window/vrdisplaydisconnect_event/index.md
@@ -1,5 +1,5 @@
---
-title: 'Window: vrdisplaydisconnect event'
+title: "Window: vrdisplaydisconnect event"
slug: Web/API/Window/vrdisplaydisconnect_event
translation_of: Web/API/Window/vrdisplaydisconnect_event
---
@@ -40,8 +40,8 @@ L'événement **`vrdisplaydisconnect`** de l'[API WebVR](/fr/docs/Web/API/WebVR_
Vous pouvez utiliser l'événement `vrdisplaydisconnect` dans une méthode [`addEventListener`](/fr/docs/Web/API/EventTarget/addEventListener) :
```js
-window.addEventListener('vrdisplaydisconnect', function() {
- info.textContent = 'Affichage déconnecté';
+window.addEventListener("vrdisplaydisconnect", function () {
+ info.textContent = "Affichage déconnecté";
reportDisplays();
});
```
diff --git a/files/fr/web/api/window/vrdisplaypresentchange_event/index.md b/files/fr/web/api/window/vrdisplaypresentchange_event/index.md
index 92a3bab660025e..d309811773967d 100644
--- a/files/fr/web/api/window/vrdisplaypresentchange_event/index.md
+++ b/files/fr/web/api/window/vrdisplaypresentchange_event/index.md
@@ -1,5 +1,5 @@
---
-title: 'Window: vrdisplaypresentchange event'
+title: "Window: vrdisplaypresentchange event"
slug: Web/API/Window/vrdisplaypresentchange_event
translation_of: Web/API/Window/vrdisplaypresentchange_event
---
@@ -40,8 +40,8 @@ L'événement **`vrdisplaypresentchange`** de l'[API WebVR](/fr/docs/Web/API/Web
Vous pouvez utiliser l'événement `vrdisplaypresentchange` dans une méthode [`addEventListener`](/fr/docs/Web/API/EventTarget/addEventListener) :
```js
-window.addEventListener('vrdisplaypresentchange', function() {
- if(vrDisplay.isPresenting) {
+window.addEventListener("vrdisplaypresentchange", function () {
+ if (vrDisplay.isPresenting) {
info.textContent = "L'affichage a commencé à présenter.";
} else {
info.textContent = "L'affichage a cessé de se présenter.";
@@ -53,8 +53,8 @@ window.addEventListener('vrdisplaypresentchange', function() {
Ou utilisez la propriété de gestionnaire d'événements [`onvrdisplaypresentchange`](/fr/docs/Web/API/Window/onvrdisplaypresentchange) :
```js
-window.onvrdisplaypresentchange = function() {
- if(vrDisplay.isPresenting) {
+window.onvrdisplaypresentchange = function () {
+ if (vrDisplay.isPresenting) {
info.textContent = "L'affichage a commencé à présenter.";
} else {
info.textContent = "L'affichage a cessé de se présenter.";
diff --git a/files/fr/web/api/windowclient/focus/index.md b/files/fr/web/api/windowclient/focus/index.md
index ea26cf8d0516e4..0e1b683234baa2 100644
--- a/files/fr/web/api/windowclient/focus/index.md
+++ b/files/fr/web/api/windowclient/focus/index.md
@@ -11,7 +11,7 @@ La méthode **`focus()`** de l'interface {{domxref("WindowClient")}} focus le cl
## Syntaxe
```js
-Client.focus().then(function(WindowClient) {
+Client.focus().then(function (WindowClient) {
// utilisez le WindowClient une fois qu'il est focus
});
```
@@ -27,23 +27,25 @@ Une {{jsxref("Promise")}} qui est résolue vers le {{domxref("WindowClient")}} e
## Exemple
```js
-self.addEventListener('notificationclick', function(event) {
- console.log('On notification click: ', event.notification.tag);
+self.addEventListener("notificationclick", function (event) {
+ console.log("On notification click: ", event.notification.tag);
event.notification.close();
// Vérifie si le client en cours est ouvert et
// le focus le cas échéant
- event.waitUntil(clients.matchAll({
- type: "window"
- }).then(function(clientList) {
- for (var i = 0; i < clientList.length; i++) {
- var client = clientList[i];
- if (client.url == '/' && 'focus' in client)
- return client.focus();
- }
- if (clients.openWindow)
- return clients.openWindow('/');
- }));
+ event.waitUntil(
+ clients
+ .matchAll({
+ type: "window",
+ })
+ .then(function (clientList) {
+ for (var i = 0; i < clientList.length; i++) {
+ var client = clientList[i];
+ if (client.url == "/" && "focus" in client) return client.focus();
+ }
+ if (clients.openWindow) return clients.openWindow("/");
+ }),
+ );
});
```
diff --git a/files/fr/web/api/windowclient/index.md b/files/fr/web/api/windowclient/index.md
index 487bb5960261a4..28fd8be56253c0 100644
--- a/files/fr/web/api/windowclient/index.md
+++ b/files/fr/web/api/windowclient/index.md
@@ -29,23 +29,25 @@ _`WindowClient` hérite certaines propriétés de son parent, {{domxref("Client"
## Exemple
```js
-self.addEventListener('notificationclick', function(event) {
- console.log('On notification click: ', event.notification.tag);
+self.addEventListener("notificationclick", function (event) {
+ console.log("On notification click: ", event.notification.tag);
event.notification.close();
// Vérifie si le client en cours est ouvert et
// le focus le cas échéant
- event.waitUntil(clients.matchAll({
- type: "window"
- }).then(function(clientList) {
- for (var i = 0; i < clientList.length; i++) {
- var client = clientList[i];
- if (client.url == '/' && 'focus' in client)
- return client.focus();
- }
- if (clients.openWindow)
- return clients.openWindow('/');
- }));
+ event.waitUntil(
+ clients
+ .matchAll({
+ type: "window",
+ })
+ .then(function (clientList) {
+ for (var i = 0; i < clientList.length; i++) {
+ var client = clientList[i];
+ if (client.url == "/" && "focus" in client) return client.focus();
+ }
+ if (clients.openWindow) return clients.openWindow("/");
+ }),
+ );
});
```
diff --git a/files/fr/web/api/windowclient/navigate/index.md b/files/fr/web/api/windowclient/navigate/index.md
index f6197d356d3bf9..84123ce9f220de 100644
--- a/files/fr/web/api/windowclient/navigate/index.md
+++ b/files/fr/web/api/windowclient/navigate/index.md
@@ -11,7 +11,7 @@ La méthode **`navigate()`** de l'interface {{domxref("WindowClient")}} charge u
## Syntaxe
```js
-WindowClient.navigate(url).then(function(WindowClient) {
+WindowClient.navigate(url).then(function (WindowClient) {
// do something with your WindowClient after navigation
});
```
diff --git a/files/fr/web/api/worker/index.md b/files/fr/web/api/worker/index.md
index d9ed0d91e04069..b1a734ba338327 100644
--- a/files/fr/web/api/worker/index.md
+++ b/files/fr/web/api/worker/index.md
@@ -63,12 +63,12 @@ L'extrait de code suivant montre la création d'un objet {{domxref("Worker")}} e
```js
var monWorker = new Worker("worker.js");
-var premier = document.querySelector('#numero1');
+var premier = document.querySelector("#numero1");
-premier.onchange = function() {
+premier.onchange = function () {
monWorker.postMessage([premiere.valeur, deuxieme.valeur]);
- console.log('Message envoyé au worker');
-}
+ console.log("Message envoyé au worker");
+};
```
Pour un exemple complet, voir [Exemple basique de worker dédié](https://github.com/mdn/simple-web-worker) ([exécuter le worker dédié](http://mdn.github.io/simple-web-worker/)).
diff --git a/files/fr/web/api/worker/message_event/index.md b/files/fr/web/api/worker/message_event/index.md
index 3f70674753665d..ce117dac100526 100644
--- a/files/fr/web/api/worker/message_event/index.md
+++ b/files/fr/web/api/worker/message_event/index.md
@@ -23,26 +23,26 @@ L'extrait de code suivant illustre la création d'un objet {{domxref("Worker")}}
```js
var myWorker = new Worker("worker.js");
-first.onchange = function() {
- myWorker.postMessage([first.value,second.value]);
- console.log('Message envoyé au worker');
-}
+first.onchange = function () {
+ myWorker.postMessage([first.value, second.value]);
+ console.log("Message envoyé au worker");
+};
-myWorker.onmessage = function(e) {
+myWorker.onmessage = function (e) {
result.textContent = e.data;
- console.log('Message reçu du worker');
-}
+ console.log("Message reçu du worker");
+};
```
Dans le script `worker.js`, un gestionnaire `onmessage` se charge des messages en provenance du script principal :
```js
-onmessage = function(e) {
- console.log('Message reçu du script principal');
- var workerResult = 'Result: ' + (e.data[0] * e.data[1]);
- console.log('Renvoi d\'un message au script principal');
+onmessage = function (e) {
+ console.log("Message reçu du script principal");
+ var workerResult = "Result: " + e.data[0] * e.data[1];
+ console.log("Renvoi d'un message au script principal");
postMessage(workerResult);
-}
+};
```
Remarquez comment dans le script principal, `onmessage` doit être appelée par `myWorker`, tandis que dans le script du worker vous avez juste besoin d'appeler `onmessage` parce que le worker est en réalité le contexte global ({{domxref("DedicatedWorkerGlobalScope")}}).
diff --git a/files/fr/web/api/worker/postmessage/index.md b/files/fr/web/api/worker/postmessage/index.md
index 7934634dc31a37..7cafb56d26cad2 100644
--- a/files/fr/web/api/worker/postmessage/index.md
+++ b/files/fr/web/api/worker/postmessage/index.md
@@ -35,17 +35,17 @@ Vide.
L'extrait de code suivant montre la création d'un objet {{domxref("Worker")}} en utilisant le constructeur {{domxref("Worker.Worker", "Worker()")}}. Quand les deux champs de formulaire (`fisrt` et `second`) ont été changés, les évènements [`change`](/fr/docs/Web/API/HTMLElement/change_event) invoquent `postMessage()` pour envoyer la valeur des deux entrées au _worker_ courant.
```js
-var myWorker = new Worker('worker.js');
+var myWorker = new Worker("worker.js");
-first.onchange = function() {
- myWorker.postMessage([first.value,second.value]);
- console.log('Message posted to worker');
-}
+first.onchange = function () {
+ myWorker.postMessage([first.value, second.value]);
+ console.log("Message posted to worker");
+};
-second.onchange = function() {
- myWorker.postMessage([first.value,second.value]);
- console.log('Message posted to worker');
-}
+second.onchange = function () {
+ myWorker.postMessage([first.value, second.value]);
+ console.log("Message posted to worker");
+};
```
Pour l'exemple en entier, voir [Basic dedicated worder example](https://github.com/mdn/simple-web-worker) ([démonstration](http://mdn.github.io/simple-web-worker/)).
@@ -59,63 +59,63 @@ Cette exemple montre une extension pour Firefox qui transfert un `ArrarBuffer` d
#### Main thread code
```js
-var myWorker = new ChromeWorker(self.path + 'myWorker.js');
+var myWorker = new ChromeWorker(self.path + "myWorker.js");
function handleMessageFromWorker(msg) {
- console.log('incoming message from worker, msg:', msg);
- switch (msg.data.aTopic) {
- case 'do_sendMainArrBuff':
- sendMainArrBuff(msg.data.aBuf)
- break;
- default:
- throw 'no aTopic on incoming message to ChromeWorker';
- }
+ console.log("incoming message from worker, msg:", msg);
+ switch (msg.data.aTopic) {
+ case "do_sendMainArrBuff":
+ sendMainArrBuff(msg.data.aBuf);
+ break;
+ default:
+ throw "no aTopic on incoming message to ChromeWorker";
+ }
}
-myWorker.addEventListener('message', handleMessageFromWorker);
+myWorker.addEventListener("message", handleMessageFromWorker);
// Ok lets create the buffer and send it
var arrBuf = new ArrayBuffer(8);
-console.info('arrBuf.byteLength pre transfer:', arrBuf.byteLength);
+console.info("arrBuf.byteLength pre transfer:", arrBuf.byteLength);
myWorker.postMessage(
- {
- aTopic: 'do_sendWorkerArrBuff',
- aBuf: arrBuf // The array buffer that we passed to the transferrable section 3 lines below
- },
- [
- arrBuf // The array buffer we created 9 lines above
- ]
+ {
+ aTopic: "do_sendWorkerArrBuff",
+ aBuf: arrBuf, // The array buffer that we passed to the transferrable section 3 lines below
+ },
+ [
+ arrBuf, // The array buffer we created 9 lines above
+ ],
);
-console.info('arrBuf.byteLength post transfer:', arrBuf.byteLength);
+console.info("arrBuf.byteLength post transfer:", arrBuf.byteLength);
```
#### Worker code
```js
self.onmessage = function (msg) {
- switch (msg.data.aTopic) {
- case 'do_sendWorkerArrBuff':
- sendWorkerArrBuff(msg.data.aBuf)
- break;
- default:
- throw 'no aTopic on incoming message to ChromeWorker';
- }
-}
+ switch (msg.data.aTopic) {
+ case "do_sendWorkerArrBuff":
+ sendWorkerArrBuff(msg.data.aBuf);
+ break;
+ default:
+ throw "no aTopic on incoming message to ChromeWorker";
+ }
+};
function sendWorkerArrBuff(aBuf) {
- console.info('from worker, PRE send back aBuf.byteLength:', aBuf.byteLength);
+ console.info("from worker, PRE send back aBuf.byteLength:", aBuf.byteLength);
- self.postMessage({aTopic:'do_sendMainArrBuff', aBuf:aBuf}, [aBuf]);
+ self.postMessage({ aTopic: "do_sendMainArrBuff", aBuf: aBuf }, [aBuf]);
- console.info('from worker, POST send back aBuf.byteLength:', aBuf.byteLength);
+ console.info("from worker, POST send back aBuf.byteLength:", aBuf.byteLength);
}
```
#### Output logged
-```html
+```plain
arrBuf.byteLength pre transfer: 8 bootstrap.js:40
arrBuf.byteLength post transfer: 0 bootstrap.js:42
diff --git a/files/fr/web/api/worker/worker/index.md b/files/fr/web/api/worker/worker/index.md
index c260e2ec3a0add..fa90f7fb3541fd 100644
--- a/files/fr/web/api/worker/worker/index.md
+++ b/files/fr/web/api/worker/worker/index.md
@@ -25,7 +25,7 @@ var myWorker = new Worker(aURL, options);
- : Un objet contenant des propriétés pour définir les options. Les propriétés suivantes sont valables:
- `type`: Une {{domxref("DOMString")}} définissant le type de worker à créer. The valeur peuvent être `classic` ou `module`. Si cette prpriété n'est pas définie, la valeur sera `classic`.
- - `credentials` : une [`DOMString`](/fr/docs/Web/API/DOMString) définissant le type de politique d'origine à utiliser pour le _worker_. Les valeurs peuvent être `omit`, `same-origin` ou *`include`*. *Si cette propriété n'est pas définie, ou que type est défini à `classic`, la valeur sera `classic`.*
+ - `credentials` : une [`DOMString`](/fr/docs/Web/API/DOMString) définissant le type de politique d'origine à utiliser pour le _worker_. Les valeurs peuvent être `omit`, `same-origin` ou _`include`_. _Si cette propriété n'est pas définie, ou que type est défini à `classic`, la valeur sera `classic`._
- `name`: Une {{domxref("DOMString")}} définissant un identifiant pour l'environment du worker {{domxref("DedicatedWorkerGlobalScope")}}, souvent utilisé pour le débogage.
### Exceptions
@@ -41,10 +41,10 @@ L'extrait de code suivant illustre la création d'un objet {{domxref("Worker")}}
```js
var myWorker = new Worker("worker.js");
-first.onchange = function() {
- myWorker.postMessage([first.value,second.value]);
- console.log('Message envoyé au worker');
-}
+first.onchange = function () {
+ myWorker.postMessage([first.value, second.value]);
+ console.log("Message envoyé au worker");
+};
```
Pour un exemple complet, consultez notre [exemple basique d'un worker dédié](https://github.com/mdn/simple-web-worker) ([lancer le worker dédié](https://mdn.github.io/simple-web-worker/)).
diff --git a/files/fr/web/api/workerglobalscope/dump/index.md b/files/fr/web/api/workerglobalscope/dump/index.md
index ae3e4d4a7f6faa..44c6c6ae2a9026 100644
--- a/files/fr/web/api/workerglobalscope/dump/index.md
+++ b/files/fr/web/api/workerglobalscope/dump/index.md
@@ -13,7 +13,7 @@ La méthode **`dump()`** de l'interface {{domxref("WorkerGlobalScope")}} permet
## Syntaxe
```js
-dump('Mon message\n');
+dump("Mon message\n");
```
### Paramètre
@@ -37,7 +37,7 @@ Maintenant allez dans `about:config` et activez la préférence `browser.dom.win
Après, lancez un worker contenant la ligne suivante:
```js
-dump('test\n');
+dump("test\n");
```
Vous devriez observer le message «test» apparaître dans le terminal.
diff --git a/files/fr/web/api/workerglobalscope/error_event/index.md b/files/fr/web/api/workerglobalscope/error_event/index.md
index 817931cd4cf71e..31666385356d61 100644
--- a/files/fr/web/api/workerglobalscope/error_event/index.md
+++ b/files/fr/web/api/workerglobalscope/error_event/index.md
@@ -19,9 +19,9 @@ self.onerror = function() { ... };
L'extrait de code suivant montre un gestionnaire `onerror` placé au sein d'un worker :
```js
-self.onerror = function() {
- console.log('There is an error inside your worker!');
-}
+self.onerror = function () {
+ console.log("There is an error inside your worker!");
+};
```
## Spécifications
diff --git a/files/fr/web/api/workerglobalscope/importscripts/index.md b/files/fr/web/api/workerglobalscope/importscripts/index.md
index ff585e84800640..706a8a9a96e4b8 100644
--- a/files/fr/web/api/workerglobalscope/importscripts/index.md
+++ b/files/fr/web/api/workerglobalscope/importscripts/index.md
@@ -34,7 +34,7 @@ Rien.
Si vous disposez d'un code présent dans un script indépendant appelé `foo.js` que vous souhaitez utiliser à l'intérieur de worker.js, vous pouvez l'importer de la façon suivante:
```js
-importScripts('foo.js');
+importScripts("foo.js");
```
`importScripts()` et `self.importScripts()` sont effectivement équivalentes — les deux expressions correspondent à la façon d'appeler `importScripts()` au sein du contexte local du worker.
diff --git a/files/fr/web/api/workerglobalscope/index.md b/files/fr/web/api/workerglobalscope/index.md
index 5ab675e5e2d5c3..2957d810d2048a 100644
--- a/files/fr/web/api/workerglobalscope/index.md
+++ b/files/fr/web/api/workerglobalscope/index.md
@@ -81,7 +81,7 @@ Cette interface hérite des méthodes de l'interface {{domxref ("EventTarget")}}
Vous n'accéderez pas à `WorkerGlobalScope` directement dans votre code; cependant, ses propriétés et méthodes sont héritées par des portées globales plus spécifiques telles que {{domxref ("DedicatedWorkerGlobalScope")}} et {{domxref ("SharedWorkerGlobalScope")}}. Par exemple, vous pouvez importer un autre script dans le worker et imprimer le contenu de l'objet `navigator` de l'étendue du worker en utilisant les deux lignes suivantes:
```js
-importScripts('foo.js');
+importScripts("foo.js");
console.log(navigator);
```
diff --git a/files/fr/web/api/workerglobalscope/languagechange_event/index.md b/files/fr/web/api/workerglobalscope/languagechange_event/index.md
index a8e0f9ca8f9e4b..46723555bd5d64 100644
--- a/files/fr/web/api/workerglobalscope/languagechange_event/index.md
+++ b/files/fr/web/api/workerglobalscope/languagechange_event/index.md
@@ -19,9 +19,9 @@ self.onlanguagechange = function() { ... };
L'extrait de code suivant montre un gestionnaire `onlanguagechange` placé au sein d'un worker :
```js
-self.onlanguagechange = function() {
- console.log('Your preferred language settings have been changed');
-}
+self.onlanguagechange = function () {
+ console.log("Your preferred language settings have been changed");
+};
```
## Spécifications
diff --git a/files/fr/web/api/workerglobalscope/offline_event/index.md b/files/fr/web/api/workerglobalscope/offline_event/index.md
index fcb8df269bcf72..98a994f44cf260 100644
--- a/files/fr/web/api/workerglobalscope/offline_event/index.md
+++ b/files/fr/web/api/workerglobalscope/offline_event/index.md
@@ -19,9 +19,9 @@ self.onoffline = function() { ... };
L'extrait de code suivant montre un gestionnaire `onoffline` placé dans un worker :
```js
-self.onoffline = function() {
- console.log('Your worker is now offline');
-}
+self.onoffline = function () {
+ console.log("Your worker is now offline");
+};
```
## Spécifications
diff --git a/files/fr/web/api/workerglobalscope/online_event/index.md b/files/fr/web/api/workerglobalscope/online_event/index.md
index a419db4543be88..beb7516a134459 100644
--- a/files/fr/web/api/workerglobalscope/online_event/index.md
+++ b/files/fr/web/api/workerglobalscope/online_event/index.md
@@ -19,9 +19,9 @@ self.ononline = function() { ... };
L'extrait de code suivant montre un gestionnaire `ononline` placé dans un worker :
```js
-self.ononline = function() {
- console.log('Your worker is now online');
-}
+self.ononline = function () {
+ console.log("Your worker is now online");
+};
```
## Spécifications
diff --git a/files/fr/web/api/workerlocation/index.md b/files/fr/web/api/workerlocation/index.md
index c6b0554b499b53..e5e9d2cdbc67fb 100644
--- a/files/fr/web/api/workerlocation/index.md
+++ b/files/fr/web/api/workerlocation/index.md
@@ -19,7 +19,7 @@ _L'interface `WorkerLocation` n'hérite d'aucune propriété mais implémente le
- {{domxref("URLUtilsReadOnly.protocol")}} {{readOnlyInline}}
- : {{domxref("DOMString")}} contenant le schéma du protocole de l'URL du script exécuté dans le {{domxref("Worker")}}, incluant les deux points de terminaison`':'`.
- {{domxref("URLUtilsReadOnly.host")}} {{readOnlyInline}}
- - : {{domxref("DOMString")}} contenant l'hôte, constitué du nom d'hôte *hostname*, de deux points `':'`, et du numéro de _port_ de l'URL du script exécuté dans le {{domxref("Worker")}}.
+ - : {{domxref("DOMString")}} contenant l'hôte, constitué du nom d'hôte _hostname_, de deux points `':'`, et du numéro de _port_ de l'URL du script exécuté dans le {{domxref("Worker")}}.
- {{domxref("URLUtilsReadOnly.hostname")}} {{readOnlyInline}}
- : {{domxref("DOMString")}} contenant le nom de domaine du script exécuté dans le {{domxref("Worker")}}.
- {{domxref("URLUtilsReadOnly.origin")}} {{readOnlyInline}}
@@ -50,5 +50,5 @@ _L'interface `WorkerLocation` n'hérite d'aucune méthode mais implémente les m
## Voir aussi
-- Autres interfaces apparentées au *Worker*: {{domxref("Worker")}}, {{domxref("WorkerNavigator")}} et {{domxref("WorkerGlobalScope")}}.
+- Autres interfaces apparentées au _Worker_: {{domxref("Worker")}}, {{domxref("WorkerNavigator")}} et {{domxref("WorkerGlobalScope")}}.
- [Utilisation des web workers](/fr/docs/Utilisation_des_web_workers)
diff --git a/files/fr/web/api/xmlhttprequest/abort_event/index.md b/files/fr/web/api/xmlhttprequest/abort_event/index.md
index 321d9fe57dbb31..c9663f813657fc 100644
--- a/files/fr/web/api/xmlhttprequest/abort_event/index.md
+++ b/files/fr/web/api/xmlhttprequest/abort_event/index.md
@@ -23,15 +23,15 @@ L'événement **abort** est déclenché lorsque la progression a été interompu
## Propriétés
-| Property | Type | Description |
-| ------------------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `target` {{readonlyInline}} | {{domxref("EventTarget")}} | The event target (the topmost target in the DOM tree). |
-| `type` {{readonlyInline}} | {{domxref("DOMString")}} | The type of event. |
-| `bubbles` {{readonlyInline}} | {{jsxref("Boolean")}} | Whether the event normally bubbles or not. |
-| `cancelable` {{readonlyInline}} | {{jsxref("Boolean")}} | Whether the event is cancellable or not. |
-| `lengthComputable` {{readonlyInline}} | [`Boolean`](/fr/docs/Web/JavaScript/Reference/Global_Objects/Boolean) | Specifies whether or not the total size of the transfer is known. Read only. |
-| `loaded` {{readonlyInline}} | unsigned long (long) | The number of bytes transferred since the beginning of the operation. This doesn't include headers and other overhead, but only the content itself. Read only. |
-| `total` {{readonlyInline}} | unsigned long (long) | The total number of bytes of content that will be transferred during the operation. If the total size is unknown, this value is zero. Read only. |
+| Property | Type | Description |
+| ------------------------------------- | --------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `target` {{readonlyInline}} | {{domxref("EventTarget")}} | The event target (the topmost target in the DOM tree). |
+| `type` {{readonlyInline}} | {{domxref("DOMString")}} | The type of event. |
+| `bubbles` {{readonlyInline}} | {{jsxref("Boolean")}} | Whether the event normally bubbles or not. |
+| `cancelable` {{readonlyInline}} | {{jsxref("Boolean")}} | Whether the event is cancellable or not. |
+| `lengthComputable` {{readonlyInline}} | [`Boolean`](/fr/docs/Web/JavaScript/Reference/Global_Objects/Boolean) | Specifies whether or not the total size of the transfer is known. Read only. |
+| `loaded` {{readonlyInline}} | unsigned long (long) | The number of bytes transferred since the beginning of the operation. This doesn't include headers and other overhead, but only the content itself. Read only. |
+| `total` {{readonlyInline}} | unsigned long (long) | The total number of bytes of content that will be transferred during the operation. If the total size is unknown, this value is zero. Read only. |
## Voir aussi
diff --git a/files/fr/web/api/xmlhttprequest/load_event/index.md b/files/fr/web/api/xmlhttprequest/load_event/index.md
index 42c9a9ac3501c3..6cd0623cf12b1d 100644
--- a/files/fr/web/api/xmlhttprequest/load_event/index.md
+++ b/files/fr/web/api/xmlhttprequest/load_event/index.md
@@ -16,14 +16,14 @@ XMLHttpRequest.onload = callback;
### Values
-- `callback` is the function to be executed when the request completes successfully. It receives a {{domxref("ProgressEvent")}} object as its first argument. The value of *this* (i.e. the context) is the same {{domxref("XMLHttpRequest")}} this callback is related to.
+- `callback` is the function to be executed when the request completes successfully. It receives a {{domxref("ProgressEvent")}} object as its first argument. The value of _this_ (i.e. the context) is the same {{domxref("XMLHttpRequest")}} this callback is related to.
## Example
```js
var xmlhttp = new XMLHttpRequest(),
- method = 'GET',
- url = 'https://developer.mozilla.org/';
+ method = "GET",
+ url = "https://developer.mozilla.org/";
xmlhttp.open(method, url, true);
xmlhttp.onload = function () {
diff --git a/files/fr/web/api/xmlhttprequest/loadend_event/index.md b/files/fr/web/api/xmlhttprequest/loadend_event/index.md
index ea9888c1f3077a..19d79d7d96dd54 100644
--- a/files/fr/web/api/xmlhttprequest/loadend_event/index.md
+++ b/files/fr/web/api/xmlhttprequest/loadend_event/index.md
@@ -23,7 +23,7 @@ img.onloadend = funcRef;
### Contenu HTML
```html
-
+
```
### Contenu JavaScript
@@ -31,16 +31,16 @@ img.onloadend = funcRef;
```js
// 'loadstart' est le premier lancé, puis 'load', puis 'loadend'
-image.addEventListener('load', function(e) {
- console.log('Image loaded');
+image.addEventListener("load", function (e) {
+ console.log("Image loaded");
});
-image.addEventListener('loadstart', function(e) {
- console.log('Image load started');
+image.addEventListener("loadstart", function (e) {
+ console.log("Image load started");
});
-image.addEventListener('loadend', function(e) {
- console.log('Image load finished');
+image.addEventListener("loadend", function (e) {
+ console.log("Image load finished");
});
```
diff --git a/files/fr/web/api/xmlhttprequest/open/index.md b/files/fr/web/api/xmlhttprequest/open/index.md
index 72f41222c93760..5bf1d6564688f0 100644
--- a/files/fr/web/api/xmlhttprequest/open/index.md
+++ b/files/fr/web/api/xmlhttprequest/open/index.md
@@ -13,10 +13,10 @@ La méthode **`open()`** de {{domxref("XMLHttpRequest")}} instancie une nouvelle
## Syntaxe
```js
-XMLHttpRequest.open(method, url)
-XMLHttpRequest.open(method, url, async)
-XMLHttpRequest.open(method, url, async, user)
-XMLHttpRequest.open(method, url, async, user, password)
+XMLHttpRequest.open(method, url);
+XMLHttpRequest.open(method, url, async);
+XMLHttpRequest.open(method, url, async, user);
+XMLHttpRequest.open(method, url, async, user, password);
```
### Paramètres
diff --git a/files/fr/web/api/xmlhttprequest/readystate/index.md b/files/fr/web/api/xmlhttprequest/readystate/index.md
index ea658532be40a0..f05de456a2e82d 100644
--- a/files/fr/web/api/xmlhttprequest/readystate/index.md
+++ b/files/fr/web/api/xmlhttprequest/readystate/index.md
@@ -66,17 +66,17 @@ La propriété XMLHttpRequest.readyState renvoie l'état dans lequel se trouve u
```js
var xhr = new XMLHttpRequest();
-console.log('UNSENT', xhr.readyState); // readyState will be 0
+console.log("UNSENT", xhr.readyState); // readyState will be 0
-xhr.open('GET', '/api', true);
-console.log('OPENED', xhr.readyState); // readyState will be 1
+xhr.open("GET", "/api", true);
+console.log("OPENED", xhr.readyState); // readyState will be 1
xhr.onprogress = function () {
- console.log('LOADING', xhr.readyState); // readyState will be 3
+ console.log("LOADING", xhr.readyState); // readyState will be 3
};
xhr.onload = function () {
- console.log('DONE', xhr.readyState); // readyState will be 4
+ console.log("DONE", xhr.readyState); // readyState will be 4
};
xhr.send(null);
diff --git a/files/fr/web/api/xmlhttprequest/readystatechange_event/index.md b/files/fr/web/api/xmlhttprequest/readystatechange_event/index.md
index 1caf8a3fa85dcb..abd0b4a9a12600 100644
--- a/files/fr/web/api/xmlhttprequest/readystatechange_event/index.md
+++ b/files/fr/web/api/xmlhttprequest/readystatechange_event/index.md
@@ -24,12 +24,12 @@ XMLHttpRequest.onreadystatechange = callback;
```js
var xhr = new XMLHttpRequest(),
- method = "GET",
- url = "https://developer.mozilla.org/";
+ method = "GET",
+ url = "https://developer.mozilla.org/";
xhr.open(method, url, true);
xhr.onreadystatechange = function () {
- if(xhr.readyState === 4 && xhr.status === 200) {
+ if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
diff --git a/files/fr/web/api/xmlhttprequest/response/index.md b/files/fr/web/api/xmlhttprequest/response/index.md
index a14e28b0b1e189..39545c8ceebb63 100644
--- a/files/fr/web/api/xmlhttprequest/response/index.md
+++ b/files/fr/web/api/xmlhttprequest/response/index.md
@@ -108,19 +108,19 @@ La propriété `XMLHttpRequest.response` contient le corps de la réponse. Elle
## Example
```js
-var url = 'somePage.html'; // une page locale
+var url = "somePage.html"; // une page locale
function load(url, callback) {
var xhr = new XMLHttpRequest();
- xhr.onreadystatechange = function() {
+ xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
console.log(xhr.response); // Par défault une DOMString
}
- }
+ };
- xhr.open('GET', url, true);
- xhr.send('');
+ xhr.open("GET", url, true);
+ xhr.send("");
}
```
diff --git a/files/fr/web/api/xmlhttprequest/responsetext/index.md b/files/fr/web/api/xmlhttprequest/responsetext/index.md
index c7f838bd8f9ee1..6833cd39a2ff6c 100644
--- a/files/fr/web/api/xmlhttprequest/responsetext/index.md
+++ b/files/fr/web/api/xmlhttprequest/responsetext/index.md
@@ -31,18 +31,18 @@ Vous savez que tout le contenu a été reçu lorsque la valeur de {{domxref("XML
```js
var xhr = new XMLHttpRequest();
-xhr.open('GET', '/server', true);
+xhr.open("GET", "/server", true);
// If specified, responseType must be empty string or "text"
-xhr.responseType = 'text';
+xhr.responseType = "text";
xhr.onload = function () {
- if (xhr.readyState === xhr.DONE) {
- if (xhr.status === 200) {
- console.log(xhr.response);
- console.log(xhr.responseText);
- }
+ if (xhr.readyState === xhr.DONE) {
+ if (xhr.status === 200) {
+ console.log(xhr.response);
+ console.log(xhr.responseText);
}
+ }
};
xhr.send(null);
diff --git a/files/fr/web/api/xmlhttprequest/send/index.md b/files/fr/web/api/xmlhttprequest/send/index.md
index e70e46f5f819f2..e0db89d7ca3e60 100644
--- a/files/fr/web/api/xmlhttprequest/send/index.md
+++ b/files/fr/web/api/xmlhttprequest/send/index.md
@@ -15,7 +15,7 @@ Si aucun "header"{{HTTPHeader("Accept")}} n'a été paramétré dans {{domxref("
## Syntaxe
```js
-XMLHttpRequest.send(body)
+XMLHttpRequest.send(body);
```
### Paramètres
@@ -47,7 +47,7 @@ La meilleure manière d'envoyer du contenu binaire (par exemple dans l'upload de
```js
var xhr = new XMLHttpRequest();
-xhr.open('GET', '/server', true);
+xhr.open("GET", "/server", true);
xhr.onload = function () {
// Requête finie, traitement ici.
@@ -64,16 +64,17 @@ xhr.send(null);
```js
var xhr = new XMLHttpRequest();
-xhr.open("POST", '/server', true);
+xhr.open("POST", "/server", true);
//Envoie les informations du header adaptées avec la requête
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
-xhr.onreadystatechange = function() { //Appelle une fonction au changement d'état.
- if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
-// Requête finie, traitement ici.
- }
-}
+xhr.onreadystatechange = function () {
+ //Appelle une fonction au changement d'état.
+ if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
+ // Requête finie, traitement ici.
+ }
+};
xhr.send("foo=bar&lorem=ipsum");
// xhr.send(new Int8Array());
// xhr.send(document);
diff --git a/files/fr/web/api/xmlhttprequest/setrequestheader/index.md b/files/fr/web/api/xmlhttprequest/setrequestheader/index.md
index d123239931375c..afed7a838c6d62 100644
--- a/files/fr/web/api/xmlhttprequest/setrequestheader/index.md
+++ b/files/fr/web/api/xmlhttprequest/setrequestheader/index.md
@@ -19,7 +19,7 @@ Pour des raisons de sécurité, certain header ne peuvent être manipulés que p
## Syntaxe
```js
-XMLHttpRequest.setRequestHeader(header, value)
+XMLHttpRequest.setRequestHeader(header, value);
```
### Paramètre
diff --git a/files/fr/web/api/xmlhttprequest/status/index.md b/files/fr/web/api/xmlhttprequest/status/index.md
index c9baac8ad117c7..ab8a0523eb099a 100644
--- a/files/fr/web/api/xmlhttprequest/status/index.md
+++ b/files/fr/web/api/xmlhttprequest/status/index.md
@@ -14,17 +14,17 @@ Avant que la demande ne se termine, la valeur du statut est 0. Les navigateurs s
```js
var xhr = new XMLHttpRequest();
-console.log('UNSENT: ', xhr.status);
+console.log("UNSENT: ", xhr.status);
-xhr.open('GET', '/server');
-console.log('OPENED: ', xhr.status);
+xhr.open("GET", "/server");
+console.log("OPENED: ", xhr.status);
xhr.onprogress = function () {
- console.log('LOADING: ', xhr.status);
+ console.log("LOADING: ", xhr.status);
};
xhr.onload = function () {
- console.log('DONE: ', xhr.status);
+ console.log("DONE: ", xhr.status);
};
xhr.send();
diff --git a/files/fr/web/api/xmlhttprequest/timeout/index.md b/files/fr/web/api/xmlhttprequest/timeout/index.md
index 599d2ad0d780dc..8d73aa2574e688 100644
--- a/files/fr/web/api/xmlhttprequest/timeout/index.md
+++ b/files/fr/web/api/xmlhttprequest/timeout/index.md
@@ -16,7 +16,7 @@ La propriété **`XMLHttpRequest.timeout`** est un `unsigned long` (un entier lo
```js
var xhr = new XMLHttpRequest();
-xhr.open('GET', '/server', true);
+xhr.open("GET", "/server", true);
xhr.timeout = 2000; // durée en millisecondes
diff --git a/files/fr/web/api/xmlhttprequest/using_xmlhttprequest/index.md b/files/fr/web/api/xmlhttprequest/using_xmlhttprequest/index.md
index 04036afb7b0fd2..0fcddf67b8546e 100644
--- a/files/fr/web/api/xmlhttprequest/using_xmlhttprequest/index.md
+++ b/files/fr/web/api/xmlhttprequest/using_xmlhttprequest/index.md
@@ -166,7 +166,7 @@ req.addEventListener("loadend", loadEnd);
function loadEnd(e) {
console.log(
- "Le transfert est terminé (mais on ne sait pas s'il a réussi ou non)."
+ "Le transfert est terminé (mais on ne sait pas s'il a réussi ou non).",
);
}
```
@@ -249,7 +249,7 @@ function getHeaderTime() {
const req = new XMLHttpRequest();
req.open(
"HEAD", // On utilise HEAD, car on ne veut récupérer que les en-têtes
- "votrepage.html"
+ "votrepage.html",
);
req.onload = getHeaderTime;
req.send();
@@ -262,7 +262,7 @@ Créons deux fonctions :
```js
function getHeaderTime() {
const lastVisit = parseFloat(
- window.localStorage.getItem(`lm_${this.filepath}`)
+ window.localStorage.getItem(`lm_${this.filepath}`),
);
const lastModified = Date.parse(this.getResponseHeader("Last-Modified"));
@@ -274,7 +274,10 @@ function getHeaderTime() {
function ifHasChanged(URL, callback) {
const req = new XMLHttpRequest();
- req.open("HEAD" /* On utilise HEAD, car on ne veut récupérer que les en-têtes */, URL);
+ req.open(
+ "HEAD" /* On utilise HEAD, car on ne veut récupérer que les en-têtes */,
+ URL,
+ );
req.callback = callback;
req.filepath = URL;
req.onload = getHeaderTime;
@@ -289,8 +292,8 @@ Pour tester cet exemple :
ifHasChanged("votrepage.html", function (modified, visit) {
console.log(
`La page '${this.filepath}' a été modifiée le ${new Date(
- nModified
- ).toLocaleString()}!`
+ nModified,
+ ).toLocaleString()}!`,
);
});
```
diff --git a/files/fr/web/api/xmlhttprequest/withcredentials/index.md b/files/fr/web/api/xmlhttprequest/withcredentials/index.md
index 4670f2fa5976e9..fb06d27c5e3375 100644
--- a/files/fr/web/api/xmlhttprequest/withcredentials/index.md
+++ b/files/fr/web/api/xmlhttprequest/withcredentials/index.md
@@ -20,7 +20,7 @@ Les cookies tiers obtenus lorsque `withCredentials` vaut `true` continuent de re
```js
var xhr = new XMLHttpRequest();
-xhr.open('GET', 'http://example.com/', true);
+xhr.open("GET", "http://example.com/", true);
xhr.withCredentials = true;
xhr.send(null);
```
diff --git a/files/fr/web/api/xmlserializer/index.md b/files/fr/web/api/xmlserializer/index.md
index 1637914f156321..519072895dc91d 100644
--- a/files/fr/web/api/xmlserializer/index.md
+++ b/files/fr/web/api/xmlserializer/index.md
@@ -27,17 +27,13 @@ alert(str);
```js
var s = new XMLSerializer();
var stream = {
- close: function()
- {
+ close: function () {
alert("Flux fermé");
},
- flush: function()
- {
- },
- write: function(string, count)
- {
+ flush: function () {},
+ write: function (string, count) {
alert("'" + string + "'\n nb d'octets : " + count + "");
- }
+ },
};
s.serializeToStream(document, stream, "UTF-8");
```
diff --git a/files/fr/web/api/xsltprocessor/index.md b/files/fr/web/api/xsltprocessor/index.md
index 2e9c39ae314c5d..bdade67d4289ad 100644
--- a/files/fr/web/api/xsltprocessor/index.md
+++ b/files/fr/web/api/xsltprocessor/index.md
@@ -13,7 +13,7 @@ Un objet **`XSLTProcessor`** applique une transformation de feuille de style [XS
Le constructeur n'a pas de paramètre.
```js
-new XSLTProcessor()
+new XSLTProcessor();
```
## Méthodes
@@ -23,12 +23,13 @@ new XSLTProcessor()
- [`transformToFragment()`](/fr/docs/Web/API/XSLTProcessor/transformToFragment)
- : Transforme la source du nœud en appliquant la fonction [`importStylesheet()`](/fr/docs/Web/API/XSLTProcessor/importStylesheet). Le document propriétaire du fragment de document résultant est le nœud propriétaire.
- [`transformToDocument()`](/fr/docs/Web/API/XSLTProcessor/transformToDocument)
+
- : Transforme la source du nœud en appliquant la feuille de style donnée lors de l'importation à l'aide de la fonction [`importStylesheet()`](/fr/docs/Web/API/XSLTProcessor/importStylesheet).
L'objet résultant dépend de la [méthode de sortie](https://www.w3.org/TR/xslt/#output) de la feuille de style :
- | Méthode de sortie | Type de résultat |
- | ----------------- | ------------------------------------------------------------------------------------------------------------------- |
+ | Méthode de sortie | Type de résultat |
+ | ----------------- | ---------------------------------------------------------------------------------------------------------------------------- |
| `html` | [`HTMLDocument`](/fr/docs/Web/API/HTMLDocument) |
| `xml` | [`XMLDocument`](/fr/docs/Web/API/XMLDocument) |
| `text` | [`XMLDocument`](/fr/docs/Web/API/XMLDocument) avec un seul élément racine `` avec le texte comme enfant |
+