fr: Format /web/api using Prettier (part 11) (#14612)

mdn · Jul 26, 2023 · c44cdda · c44cdda
1 parent 85da29d
commit c44cdda
Show file tree

Hide file tree

Showing 48 changed files with 281 additions and 260 deletions.
diff --git a/files/fr/web/api/window/resize_event/index.md b/files/fr/web/api/window/resize_event/index.md
@@ -28,16 +28,18 @@ window.onresize = refFonction;
 #### HTML
 
 ```html
-<p>Redimensionnez la fenêtre pour déclencher l'évènement <code>resize</code>.</p>
+<p>
+  Redimensionnez la fenêtre pour déclencher l'évènement <code>resize</code>.
+</p>
 <p>Hauteur de la fenêtre : <span id="height"></span></p>
 <p>Largeur de la fenêtre : <span id="width"></span></p>
 ```
 
 #### 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
@@ -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
@@ -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
@@ -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`&nbsp;:
 ```html
 <!-- On place le 100e pixel, sur l'axe vertical, en haut de la fenêtre -->
 
-<button onclick="scroll(0, 100);">Cliquez pour faire défiler jusqu'au 100e pixel</button>
+<button onclick="scroll(0, 100);">
+  Cliquez pour faire défiler jusqu'au 100e pixel
+</button>
 ```
 
 Avec `options`&nbsp;:
@@ -47,7 +49,7 @@ Avec `options`&nbsp;:
 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
@@ -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
 <!doctype html>
 <html>
-<head>
-  <title>Divers Tests DOM</title>
-  <script>
-    let visibleScrollbars = window.scrollbars.visible;
-  </script>
-</head>
-<body>
-  <p>Divers Tests DOM</p>
-</body>
+  <head>
+    <title>Divers Tests DOM</title>
+    <script>
+      let visibleScrollbars = window.scrollbars.visible;
+    </script>
+  </head>
+  <body>
+    <p>Divers Tests DOM</p>
+  </body>
 </html>
 ```
 

diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -18,7 +18,7 @@ Le document se trouve alors dans un état particulier&nbsp;:
 - 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).
 
 <table class="properties">
   <tbody>
@@ -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
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <title>Cadre parent</title>
     <script>
-      window.addEventListener('beforeunload', function(event) {
-        console.log('Je suis le 1er.');
+      window.addEventListener("beforeunload", function (event) {
+        console.log("Je suis le 1er.");
       });
-      window.addEventListener('unload', function(event) {
-        console.log('Je suis le 3ème.');
+      window.addEventListener("unload", function (event) {
+        console.log("Je suis le 3ème.");
       });
     </script>
   </head>
@@ -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
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <title>Cadre enfant</title>
     <script>
-      window.addEventListener('beforeunload', function(event) {
-        console.log('Je suis le 2nd.');
+      window.addEventListener("beforeunload", function (event) {
+        console.log("Je suis le 2nd.");
       });
-      window.addEventListener('unload', function(event) {
-        console.log('Je suis le 4ème et dernier…');
+      window.addEventListener("unload", function (event) {
+        console.log("Je suis le 4ème et dernier…");
       });
     </script>
   </head>
   <body>
-      ☻
+    ☻
   </body>
 </html>
 ```

diff --git 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,17 +40,17 @@ 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();
 });
 ```
 
 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();
 };
 ```