diff options
| author | Carolyn Wu <87150472+cw118@users.noreply.github.com> | 2022-03-01 13:47:30 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-03-01 19:47:30 +0100 |
| commit | da412bbfa23b6e02dc33331891c6d4aee2bb7242 (patch) | |
| tree | 9b12d2d411cefcd211382a3cfe935203731c0b80 /files/fr | |
| parent | 2c46c339b552b185def6254d895d1529d61db4c0 (diff) | |
| download | translated-content-da412bbfa23b6e02dc33331891c6d4aee2bb7242.tar.gz translated-content-da412bbfa23b6e02dc33331891c6d4aee2bb7242.tar.bz2 translated-content-da412bbfa23b6e02dc33331891c6d4aee2bb7242.zip | |
Markdown fixes part 1 (fr/web/a*) (#4316)
* Fix MD038, no spaces inside code span elements
* Fix MD037, no spaces inside emphasis markers
* Fix MD039, no spaces inside link text
* Missed link text fix in API file
* Various typo fixes
Diffstat (limited to 'files/fr')
153 files changed, 294 insertions, 294 deletions
diff --git a/files/fr/web/accessibility/an_overview_of_accessible_web_applications_and_widgets/index.md b/files/fr/web/accessibility/an_overview_of_accessible_web_applications_and_widgets/index.md index 3789895ae7..6f169ef86e 100644 --- a/files/fr/web/accessibility/an_overview_of_accessible_web_applications_and_widgets/index.md +++ b/files/fr/web/accessibility/an_overview_of_accessible_web_applications_and_widgets/index.md @@ -187,7 +187,7 @@ Voici un résumé de la façon dont la navigation au clavier devrait fonctionner - En cas de doute, imitez le comportement standard du bureau du contrôle que vous créez. -Ainsi, pour l’exemple de widget Tabs ci-dessus, l’utilisateur devrait être capable de naviguer dans le conteneur du widget (le \<ol> dans notre balisage) en utilisant les touches <kbd>Tab</kbd> et <kbd><kbd>Maj</kbd>+<kbd>Tab</kbd></kbd>. Une fois que le focus du clavier est à l’intérieur du conteneur, les touches fléchées devraient permettre à l’utilisateur de naviguer entre chaque onglet (les éléments \<li>). De là , les conventions varient d’une plateforme à l’autre. Sous Windows, l’onglet suivant doit être automatiquement activé lorsque l’utilisateur appuie sur les touches fléchées. Sous Mac OS X, l’utilisateur peut appuyer sur <kbd>Entrée</kbd> ou sur <kbd>Espace</kbd> pour activer l’onglet suivant. Un tutoriel en profondeur pour créer [Widget navigables grâce à des contrôles Javascript ](/fr/docs/Contr%C3%B4les_DHTML_personnalis%C3%A9s_navigables_au_clavier)comme décrit ici afin de montrer comment avoir ce comportement en JS. +Ainsi, pour l'exemple de widget `Tabs` ci-dessus, l'utilisatrice ou l'utilisateur devrait être capable de naviguer dans le conteneur du widget (l'élément [`<ol>`](/fr/docs/Web/HTML/Element/ol) dans notre balisage) en utilisant les touches <kbd>Tab</kbd> et <kbd>Maj</kbd>+<kbd>Tab</kbd>. Une fois que le focus du clavier est à l'intérieur du conteneur, les touches fléchées devraient permettre à l'utilisatrice ou l'utilisateur de naviguer entre chaque onglet (les éléments [`<li>`](/fr/docs/Web/HTML/Element/li)). De là , les conventions varient d'une plateforme à l'autre. Sous Windows, l'onglet suivant doit être automatiquement activé lorsque l'utilisatrice ou l'utilisateur appuie sur les touches fléchées. Sous Mac OS X, on peut appuyer sur <kbd>Entrée</kbd> ou sur <kbd>Espace</kbd> pour activer l'onglet suivant. Un tutoriel en profondeur pour créer des [widgets navigables grâce à des contrôles JavaScript](/fr/docs/Web/Accessibility/Keyboard-navigable_JavaScript_widgets) comme décrit ici montre comment avoir ce comportement en JS. Pour plus de détails à propos de ces conventions de navigation au clavier, un aperçu ici [DHTML style guide](http://dev.aol.com/dhtml_style_guide) est disponible. Il délivre un aperçu de la façon dont la navigation au clavier devrait fonctionner pour chaque type de widget pris en charge par ARIA. Le W3C offre également un document utile [ARIA Best Practices](http://www.w3.org/WAI/PF/aria-practices/Overview.html) qui inclut la navigation au clavier et les raccourcis pour une variété de widgets. diff --git a/files/fr/web/accessibility/aria/aria_live_regions/index.md b/files/fr/web/accessibility/aria/aria_live_regions/index.md index 03a05a4387..65b9feb178 100644 --- a/files/fr/web/accessibility/aria/aria_live_regions/index.md +++ b/files/fr/web/accessibility/aria/aria_live_regions/index.md @@ -68,7 +68,7 @@ The Paciello Group propose des [informations sur l'état du support des zones "L - aria-labelledby : - : L’attribut `aria-labelledby=[LISTE_ID]` est utilisé pour associer un ou des libellés à une zone. Le fonctionnement est similaire à celui d'`aria-controls` mais les références d'id pointent vers les libellés associés aux blocs identifiés, et les références multiples sont également séparées par un espace. - aria-describedby : - - : L’attribut `aria-describedby=[LISTE_ID]` est utilisé pour associer une ou des descriptions à une zone. Le fonctionnement est similaire à celui d'`aria-controls `mais les références d'id pointent vers les textes descriptifs associés aux blocs identifiés, et les références multiples sont également séparées par un espace. + - : L'attribut `aria-describedby=[LISTE_ID]` est utilisé pour associer une ou des descriptions à une zone. Le fonctionnement est similaire à celui d'`aria-controls` mais les références d'identifiant pointent vers les textes descriptifs associés aux blocs identifiés, et les références multiples sont également séparées par un espace. ### Cas d’étude avancé : liste de contacts diff --git a/files/fr/web/accessibility/aria/roles/button_role/index.md b/files/fr/web/accessibility/aria/roles/button_role/index.md index 6a25a27938..888b543d16 100644 --- a/files/fr/web/accessibility/aria/roles/button_role/index.md +++ b/files/fr/web/accessibility/aria/roles/button_role/index.md @@ -68,7 +68,7 @@ Une fois le bouton activé, la gestion du focus dépendra du type d'action effec #### Gestionnaires d'évènements nécessaires -Les boutons peuvent être manipulés avec une souris, le toucher et le clavier. Pour les éléments HTML natifs `<button>`, l'évènement `onclick` du bouton est déclenché lors du clic de la souris ou lorsque l'utilisateur utilise la touche <kbd>Espace</kbd> ou <kbd>Entrée</kbd> lorsque le bouton a le focus. Si un autre élément est utilisé pour créer un bouton, l'évènement `onclick `ne se déclenche qu'au clic de la souris, y compris lorsqu'on utilise `role="button"`. C'est pour cette raison qu'on doit ajouter des gestionnaires d'évènements distincts à l'élément afin de réagir aux appuis sur les touches <kbd>Espace</kbd> ou <kbd>Entrée</kbd>. +Les boutons peuvent être manipulés avec une souris, le toucher et le clavier. Pour les éléments HTML natifs `<button>`, l'évènement `onclick` du bouton est déclenché lors du clic de la souris ou lorsque l'utilisatrice ou l'utilisateur utilise la touche <kbd>Espace</kbd> ou <kbd>Entrée</kbd> lorsque le bouton a le focus. Si un autre élément est utilisé pour créer un bouton, l'évènement `onclick` ne se déclenche qu'au clic de la souris, y compris lorsqu'on utilise `role="button"`. C'est pour cette raison qu'on doit ajouter des gestionnaires d'évènements distincts à l'élément afin de réagir aux appuis sur les touches <kbd>Espace</kbd> ou <kbd>Entrée</kbd>. - `onclick` - : Gère l'évènement déclenché lorsque le bouton est activé avec un clic de souris ou au toucher. diff --git a/files/fr/web/accessibility/aria/roles/switch_role/index.md b/files/fr/web/accessibility/aria/roles/switch_role/index.md index 1dd2f5d17e..d6d1e9a3b0 100644 --- a/files/fr/web/accessibility/aria/roles/switch_role/index.md +++ b/files/fr/web/accessibility/aria/roles/switch_role/index.md @@ -11,4 +11,4 @@ original_slug: Accessibilité/ARIA/Techniques_ARIA/Utilisation_du_groupe_switch --- Le rôle ARIA switch est très similaire au [role checkbox](/fr/docs/Accessibilit%C3%A9/ARIA/Techniques_ARIA/Utiliser_le_role_checkbox), à la sémantique près — il a deux états représentant on/off, au lieu de checked/unchecked. -Extrait des [spec ARIA 1.1 ](http://rawgit.com/w3c/aria/master/aria/aria.html#switch): l'attribut `aria-checked` d'un `switch` indique si l'entrée est on (`true`) ou off (`false`). La valeur `mixed` n'est pas supportée, et les agents utilisateurs _DOIVENT_ la traiter comme équivalente à `false` pour ce rôle. +Extrait des [spécifications ARIA 1.1](https://www.w3.org/TR/wai-aria-1.1/#switch) : l'attribut `aria-checked` d'un `switch` indique si l'entrée est activée (`true`) ou désactivée (`false`). La valeur `mixed` n'est pas supportée, et les agents utilisateurs _DOIVENT_ la traiter comme équivalente à `false` pour ce rôle. diff --git a/files/fr/web/accessibility/understanding_wcag/index.md b/files/fr/web/accessibility/understanding_wcag/index.md index 07b8abfe58..ba30a69747 100644 --- a/files/fr/web/accessibility/understanding_wcag/index.md +++ b/files/fr/web/accessibility/understanding_wcag/index.md @@ -13,7 +13,7 @@ Les WCAG 2.0 et 2.1 fournissent un ensemble détaillé de lignes directrices pou ## Les quatre principes -Les WCAG sont globalement divisés en quatre principes — éléments majeurs que le contenu Web **doit être** pour être considéré comme accessible (voir [Comprendre les Quatre Principes d'Accessibilité ](https://www.w3.org/TR/UNDERSTANDING-WCAG20/intro.html#introduction-fourprincs-head)pour les définitons des WCAG). +Les WCAG sont globalement divisés en quatre principes — éléments majeurs que le contenu web **doit être** pour être considéré comme accessible (voir [Comprendre les quatre principes d'accessibilité (en anglais)](https://www.w3.org/TR/UNDERSTANDING-WCAG20/intro.html#introduction-fourprincs-head) pour les définitions des WCAG). Chacun des liens ci-dessous vous mènera à des pages qui développent davantage ces domaines, vous donnant des conseils pratiques sur la façon de rédiger votre contenu Web afin qu'il soit conforme aux critères de succès décrits dans chacune des directives WCAG 2.0 et 2.1 qui se subdivisent davantage en chaque principe. diff --git a/files/fr/web/api/animation/index.md b/files/fr/web/api/animation/index.md index d8e34a9cdb..088664a7c9 100644 --- a/files/fr/web/api/animation/index.md +++ b/files/fr/web/api/animation/index.md @@ -31,7 +31,7 @@ L'interface **`Animation`** de [l'API Web Animations](/en-US/docs/Web/API/Web_An - {{domxref("Animation.effect")}} - : Récupère et défini le {{domxref("KeyframeEffect")}} associé à cette animation. - {{domxref("Animation.finished")}} {{readOnlyInline}} - - : Retourne la `Promise `terminée en cours pour cette animation. + - : Retourne la `Promise` terminée en cours pour cette animation. <!----> @@ -48,7 +48,7 @@ L'interface **`Animation`** de [l'API Web Animations](/en-US/docs/Web/API/Web_An <!----> - {{domxref("Animation.ready")}} {{readOnlyInline}} - - : Retourne la `Promise `prête en cours pour l'animation. + - : Retourne la `Promise` prête en cours pour l'animation. <!----> @@ -63,9 +63,9 @@ L'interface **`Animation`** de [l'API Web Animations](/en-US/docs/Web/API/Web_An ### Gestionnaire d'événements - {{domxref("Animation.oncancel")}} - - : Retourne et défini le gestionnaire d'événement pour l'événement `cancel `(annuler). + - : Retourne et définit le gestionnaire d'évènement pour l'évènement `cancel` (annuler). - {{domxref("Animation.onfinish")}} - - : Retourne et défini le gestionnaire d'événement pour l'événement `finish` (terminer). + - : Retourne et définit le gestionnaire d'évènement pour l'évènement `finish` (terminer). ## Méthodes diff --git a/files/fr/web/api/animationevent/animationevent/index.md b/files/fr/web/api/animationevent/animationevent/index.md index e8be077157..b10f31a267 100644 --- a/files/fr/web/api/animationevent/animationevent/index.md +++ b/files/fr/web/api/animationevent/animationevent/index.md @@ -15,14 +15,14 @@ Le constructeur **`AnimationEvent()`** retourne un nouvel {{domxref("AnimationEv ### Paramètres -*Le constructeur `AnimationEvent()` *constructeur hérite également des arguments de _{{domxref("Event.Event", "Event()")}}._ +*Le constructeur `AnimationEvent()` hérite également des arguments du constructeur [`Event()`](/fr/docs/Web/API/Event/Event).* - `type` - : Un {{domxref("DOMString")}} représentant le nom du type de `AnimationEvent`. Il est sensible à la casse (majuscule-minuscule) et peut être: `'animationstart'`, `'animationend'`, or `'animationiteration'`. - `animationName` {{optional_inline}} - : Un {{domxref("DOMString")}} contenant la valeur de la propriété associée avec la transition.{{cssxref("animation-name")}} . Prend par défaut `""`. - `elapsedTime` {{optional_inline}} - - : Un `float` donne le montant de temps d'une application qui a fonctionné, en secondes, quand l'évenenement est déclenché, excluant le temps de pause des animations. Pour un évènement `"animationstart"` , `elapsedTime` est de `0.0` jusqu'a ce qu'il y ai une valeur négative pour une valeur {{cssxref("animation-delay")}}, dans le case où l'évenement est déclenché par `elapsedTime` contenant `(-1 * `_délais_`)`. SA valeur par défaut vaut `0.0`. + - : Un `float` donne le montant de temps d'une application qui a fonctionné, en secondes, quand l'évènement est déclenché, excluant le temps de pause des animations. Pour un évènement `animationstart`, `elapsedTime` est de `0.0` jusqu'à ce qu'il y ait une valeur négative pour une valeur [`animation-delay`](/fr/docs/Web/CSS/animation-delay), dans le cas où l'évènement est déclenché par `elapsedTime` contenant `(-1 * délai)`. Sa valeur par défaut vaut `0.0`. - `pseudoElement` {{optional_inline}} - : Is a {{domxref("DOMString")}}, starting with `"::"`, containing the name of the [pseudo-element](/en-US/docs/Web/CSS/Pseudo-elements) the animation runs on. If the animation doesn't run on a pseudo-element but on the element itself, specify an empty string: `""`. It defaults to `""`. diff --git a/files/fr/web/api/animationevent/elapsedtime/index.md b/files/fr/web/api/animationevent/elapsedtime/index.md index fa48fdb4e1..9749cced4b 100644 --- a/files/fr/web/api/animationevent/elapsedtime/index.md +++ b/files/fr/web/api/animationevent/elapsedtime/index.md @@ -14,7 +14,7 @@ translation_of: Web/API/AnimationEvent/elapsedTime ## Résumé -La propriété en lecture seule **`AnimationEvent.elapsedTime`** est un `float` indiquant la quantité de temps pendant laquelle l'animation a tournée, en secondes, quand l'évènement a été déclenché, excluant tout temps où l'animation était en pause. Pour un évènement ` "animationstart", ``elapsedTime` est `0.0` sauf si {{cssxref("animation-delay")}} a une valeur négative, dans ce cas l'évènement est déclenché avec `elapsedTime `contenant `(-1 * `_délai_`)`. +La propriété en lecture seule **`AnimationEvent.elapsedTime`** est un `float` indiquant la quantité de temps pendant laquelle l'animation a tourné, en secondes, quand l'évènement a été déclenché, excluant tout temps où l'animation était en pause. Pour un évènement [`animationstart`](/fr/docs/Web/API/HTMLElement/animationstart_event), `elapsedTime` est `0.0` sauf si [`animation-delay`](/fr/docs/Web/CSS/animation-delay) a une valeur négative, dans ce cas l'évènement est déclenché avec `elapsedTime` contenant `(-1 * délai)`. ## Syntaxe diff --git a/files/fr/web/api/attr/index.md b/files/fr/web/api/attr/index.md index 930c7df714..18a5761fb2 100644 --- a/files/fr/web/api/attr/index.md +++ b/files/fr/web/api/attr/index.md @@ -46,13 +46,13 @@ Les propriétés suivantes ont été dépréciées. Si elle est disponible, la m - `attributes` - : Cette propriété retourne désormais toujours `NULL`. -- `childNodes `{{obsolete_inline(14)}} +- `childNodes` {{deprecated_inline}} - : Cette propriété retourne désormais toujours `un` {{domxref("NodeList")}} vide. -- `firstChild `{{obsolete_inline(14)}} +- `firstChild` {{deprecated_inline}} - : Cette propriété retourne désormais toujours `NULL`. - `isId` {{readOnlyInline}} - : Indique si l'attribut est un "attribut ID". Un "attribut ID" étant un attribut dont la valeur devrait être unique dans un document DOM. En HTML DOM, "id" est le seul attribut ID, mais les documents XML peuvent en définir d'autres. Qu'un attribut soit unique ou non est souvent déterminé par un {{Glossary("DTD")}} ou une autre description de schéma. -- `lastChild `{{obsolete_inline(14)}} +- `lastChild` {{deprecated_inline}} - : Cette propriété retourne désormais toujours `NULL`. - `nextSibling` - : Cette propriété retourne désormais toujours `NULL`. @@ -77,7 +77,7 @@ Les propriétés suivantes ont été dépréciées. Si elle est disponible, la m Les méthodes suivantes ont été dépréciées: -- `appendChild() `{{obsolete_inline(14)}} +- `appendChild()` {{deprecated_inline}} - : Modifiez à la place la valeur de {{domxref ("Attr.value")}}. - `cloneNode()` - : Vous n'auriez pas dû l'utiliser en premier lieu, donc cela ne devrait pas vous ennuyer qu'il soit retiré. @@ -89,7 +89,7 @@ Les méthodes suivantes ont été dépréciées: - : Utilisez {{domxref("Attr.getAttribute()")}} à la place. - `getAttributeNodeNS()` - : Utilisez {{domxref("Attr.getAttributeNS()")}} à la place. -- `hasAttributes() `{{obsolete_inline("21.0")}} +- `hasAttributes()` {{deprecated_inline}} - : Cette méthode retourne désormais toujours false. - `hasChildNodes()` - : Cette méthode retourne désormais toujours false. @@ -103,9 +103,9 @@ Les méthodes suivantes ont été dépréciées: - : Vous n'auriez pas dû l'utiliser en premier lieu, donc cela ne devrait pas vous ennuyer qu'il soit retiré. - `removeAttributeNode()` - : Utilisez {{domxref("Attr.removeAttribute()")}} à la place. -- `removeChild() `{{obsolete_inline(14)}} +- `removeChild()` {{deprecated_inline}} - : Modifiez à la place la valeur de {{domxref("Attr.value")}}. -- `replaceChild() `{{obsolete_inline(14)}} +- `replaceChild()` {{deprecated_inline}} - : Modifiez à la place la valeur de {{domxref("Attr.value")}}. - `setAttributeNode()` - : Utilisez {{domxref("Attr.setAttribute()")}} à la place. diff --git a/files/fr/web/api/attr/prefix/index.md b/files/fr/web/api/attr/prefix/index.md index 94ebc28721..1d03f31444 100644 --- a/files/fr/web/api/attr/prefix/index.md +++ b/files/fr/web/api/attr/prefix/index.md @@ -10,7 +10,7 @@ translation_of: Web/API/Attr/prefix --- {{APIRef("DOM")}} -La propriété **`Attr.prefix `**en lecture seule renvoie le préfixe de l'espace de noms de l'attribut spécifié ou null si aucun préfixe n'est spécifié +La propriété **`Attr.prefix`** en lecture seule renvoie le préfixe de l'espace de noms de l'attribut spécifié ou `null` si aucun préfixe n'est spécifié. > **Note :** Avant DOM4, cette API a été définie dans l'interface {{domxref ("Node")}}. diff --git a/files/fr/web/api/audiobuffer/copyfromchannel/index.md b/files/fr/web/api/audiobuffer/copyfromchannel/index.md index 16936ddad9..e1f8192f4e 100644 --- a/files/fr/web/api/audiobuffer/copyfromchannel/index.md +++ b/files/fr/web/api/audiobuffer/copyfromchannel/index.md @@ -10,7 +10,7 @@ translation_of: Web/API/AudioBuffer/copyFromChannel --- {{ APIRef("Web Audio API") }} -La méthode `copyFromChannel() `de l'interface {{ domxref("AudioBuffer") }} copie les échantillons de l'un des canaux de l'`AudioBuffer` dans un tableau. +La méthode `copyFromChannel()` de l'interface [`AudioBuffer`](/fr/docs/Web/API/AudioBuffer) copie les échantillons de l'un des canaux de l'`AudioBuffer` dans un tableau. ## Syntaxe diff --git a/files/fr/web/api/audiobuffer/copytochannel/index.md b/files/fr/web/api/audiobuffer/copytochannel/index.md index 2dffa72fa8..f79f773a66 100644 --- a/files/fr/web/api/audiobuffer/copytochannel/index.md +++ b/files/fr/web/api/audiobuffer/copytochannel/index.md @@ -5,7 +5,7 @@ translation_of: Web/API/AudioBuffer/copyToChannel --- {{ APIRef("Web Audio API") }} -La méthode `copyToChannel() `de l'interface {{ domxref("AudioBuffer") }} copie les échantillons du tableau source vers le canal de l'`AudioBuffer` spécifié. +La méthode `copyToChannel()` de l'interface [`AudioBuffer`](/fr/docs/Web/API/AudioBuffer) copie les échantillons du tableau source vers le canal de l'`AudioBuffer` spécifié. ## Syntaxe diff --git a/files/fr/web/api/audiobuffer/getchanneldata/index.md b/files/fr/web/api/audiobuffer/getchanneldata/index.md index 67b9c0d234..65aebfbe38 100644 --- a/files/fr/web/api/audiobuffer/getchanneldata/index.md +++ b/files/fr/web/api/audiobuffer/getchanneldata/index.md @@ -5,7 +5,7 @@ translation_of: Web/API/AudioBuffer/getChannelData --- {{ APIRef("Web Audio API") }} -La méthode `getChannelData() `de l'interface {{ domxref("AudioBuffer") }} renvoie un {{domxref("Float32Array")}} contenant les données PCM associées au canal spécifié (0 correspondant au premier canal). +La méthode `getChannelData()` de l'interface [`AudioBuffer`](/fr/docs/Web/API/AudioBuffer) renvoie un [`Float32Array`](/fr/docs/Web/JavaScript/Reference/Global_Objects/Float32Array) contenant les données PCM associées au canal spécifié (0 correspondant au premier canal). ## Syntaxe diff --git a/files/fr/web/api/audiobuffersourcenode/index.md b/files/fr/web/api/audiobuffersourcenode/index.md index 0942b127dd..dc6a45fbba 100644 --- a/files/fr/web/api/audiobuffersourcenode/index.md +++ b/files/fr/web/api/audiobuffersourcenode/index.md @@ -19,7 +19,7 @@ Un AudioBufferSourceNode n'a pas d'entrée et il comporte une unique sortie, don Un {{domxref("AudioBufferSourceNode")}} ne peut être joué qu'une seule fois; autrement dit un seul appel à la fonction `AudioBufferSourceNode.start()` est autorisé. Pour rejouer le son, il faut créer un nouvel `AudioBufferSourceNode`. Heureusement ces noeuds ne demandent pas beaucoup de ressource, et les véritables `AudioBuffer`s peuvent être réutilisés. On dit que les `AudioBufferSourceNode`s doivent être utilisés en mode "one shot": une fois que la lecture est lancée, toutes les références peuvent être supprimées, et elles seront collectées par le ramasse-miette automatiquement quand la lecture des sons sera terminée. -Plusieurs appels à la fonction `AudioBufferSourceNode.stop()` sont autorisés. Le dernier appel remplace le précédent, à condition que le `AudioBufferSourceNode `n'ait pas déjà atteint la fin du buffer. +Plusieurs appels à la fonction `AudioBufferSourceNode.stop()` sont autorisés. Le dernier appel remplace le précédent, à condition que le `AudioBufferSourceNode` n'ait pas déjà atteint la fin du buffer.  diff --git a/files/fr/web/api/audiobuffersourcenode/loop/index.md b/files/fr/web/api/audiobuffersourcenode/loop/index.md index 7238b300f4..1061a4924d 100644 --- a/files/fr/web/api/audiobuffersourcenode/loop/index.md +++ b/files/fr/web/api/audiobuffersourcenode/loop/index.md @@ -13,7 +13,7 @@ translation_of: Web/API/AudioBufferSourceNode/loop La propriété `loop` de l'interface {{domxref("AudioBufferSourceNode") }} est un booléen indiquant si la ressource audio doit être rejouée quand à la fin de l'{{domxref("AudioBuffer")}}. -La valeur par défaut de la propriété `loop `est `false`. +La valeur par défaut de la propriété `loop` est `false`. ## Syntaxe diff --git a/files/fr/web/api/audiobuffersourcenode/loopstart/index.md b/files/fr/web/api/audiobuffersourcenode/loopstart/index.md index c5455f647e..ae8a799ba5 100644 --- a/files/fr/web/api/audiobuffersourcenode/loopstart/index.md +++ b/files/fr/web/api/audiobuffersourcenode/loopstart/index.md @@ -23,7 +23,7 @@ Dans cet exemple, la fonction {{domxref("AudioContext.decodeAudioData")}} est ut Lorsque la lecture de la source audio est terminée, elle boucle. Il est possible de contrôler la durée de la boucle en modifiant `loopStart` et `loopEnd`. Par exemple, si leurs valeurs sont fixées à 20 et 25, respectivement, le son bouclera entre la 20ème et la 25ème secondes du morceau. -> **Note :** Voir [ l'exemple complet](http://mdn.github.io/decode-audio-data/) et [son code source](https://github.com/mdn/decode-audio-data). +> **Note :** Voir l'exemple complet [en direct](https://mdn.github.io/webaudio-examples/decode-audio-data/) et [son code source](https://github.com/mdn/webaudio-examples/tree/master/decode-audio-data). ```js function getData() { diff --git a/files/fr/web/api/audiobuffersourcenode/playbackrate/index.md b/files/fr/web/api/audiobuffersourcenode/playbackrate/index.md index ff1797b523..347b485bd8 100644 --- a/files/fr/web/api/audiobuffersourcenode/playbackrate/index.md +++ b/files/fr/web/api/audiobuffersourcenode/playbackrate/index.md @@ -32,7 +32,7 @@ Considérons un buffer audio échantillonné à 44.1 kHz (44,100 échantillons p Dans cet exemple, la fonction {{domxref("AudioContext.decodeAudioData")}} est utilisée pour décoder une piste audio et la mettre dans un {{domxref("AudioBufferSourceNode")}}. L'interface fournit deux boutons pour démarrer et arrêter la lecture, et des sliders pour modifier les propriétés `playbackRate`, `loopStart` et `loopEnd` à la volée. -> **Note :** Voir [ l'exemple complet](http://mdn.github.io/decode-audio-data/) et [son code source](https://github.com/mdn/decode-audio-data). +> **Note :** Voir l'exemple complet [en direct](https://mdn.github.io/webaudio-examples/decode-audio-data/) et [son code source](https://github.com/mdn/webaudio-examples/tree/master/decode-audio-data). ```html <input class="playback-rate-control" type="range" min="0.25" max="3" step="0.05" value="1"> diff --git a/files/fr/web/api/audiobuffersourcenode/start/index.md b/files/fr/web/api/audiobuffersourcenode/start/index.md index a8d0fbeee7..0e7d5900dd 100644 --- a/files/fr/web/api/audiobuffersourcenode/start/index.md +++ b/files/fr/web/api/audiobuffersourcenode/start/index.md @@ -47,7 +47,7 @@ L'exemple suivant, plus complexe, jouera, après une seconde de pause, un tronç source.start(contexteAudio.currentTime + 1,3,10); ``` -> **Note :** Pour un exemple plus complexe montrant la méthode `start()` en action, consulter l'exemple {{domxref("AudioContext.decodeAudioData")}}. Voir aussi [ l'exemple complet](http://mdn.github.io/decode-audio-data/) et [son code source](https://github.com/mdn/decode-audio-data). +> **Note :** Pour un exemple plus complexe montrant la méthode `start()` en action, consulter l'exemple [`AudioContext.decodeAudioData`](/fr/docs/Web/API/BaseAudioContext/decodeAudioData). Voir aussi l'exemple complet [en direct](https://mdn.github.io/webaudio-examples/decode-audio-data/) et [son code source](https://github.com/mdn/webaudio-examples/tree/master/decode-audio-data). ## Spécification diff --git a/files/fr/web/api/audioparam/index.md b/files/fr/web/api/audioparam/index.md index 6075c65599..22f7c0be03 100644 --- a/files/fr/web/api/audioparam/index.md +++ b/files/fr/web/api/audioparam/index.md @@ -51,7 +51,7 @@ _Hérite des propriétés de son parent, AudioNode._ - {{domxref("AudioParam.setTargetAtTime()")}} - : Planifie le début d'un changement de la valeur d'`AudioParam`. Le changement commence à l'heure spécifiée par l'argument `startTime` et de façon exponentielle tend vers la valeur donnée par le paramètre `target`. Le taux de décroissance exponentielle est définie par le paramètre `timeConstant`. C'est le temps nécessaire à un système continu linéaire du premier ordre invariant dans le temps pour atteindre la valeur de 1 - 1 / e (environ 63,2%) donné une réponse d'entrée de l'étape (passage de 0 à 1 en valeur), Plus il est grand, plus la transition sera facile. Ceci est utile pour la décroissance ou la libération de portions d'enveloppes. - {{domxref("AudioParam.setValueCurveAtTime()")}} - - : Planifie des valeurs de `AudioParam` selon un jeu de valeurs, défini par le paramètre `values `({{domxref ("Float32Array")}}), mis à l'échelle pour s'adapter à l'intervalle de temps donné, en commençant à `startTime`. + - : Planifie des valeurs de `AudioParam` selon un jeu de valeurs, défini par le paramètre `values` ([`Float32Array`](/fr/docs/Web/JavaScript/Reference/Global_Objects/Float32Array)), mis à l'échelle pour s'adapter à l'intervalle de temps donné, en commençant à `startTime`. - {{domxref("AudioParam.cancelScheduledValues()")}} - : Annule toutes les modifications futures prévues du `AudioParam`. - {{domxref("AudioParam.cancelAndHoldAtTime()")}} @@ -59,7 +59,7 @@ _Hérite des propriétés de son parent, AudioNode._ ## Exemples -Ce premier exemple simple montre la définition de la valeur de `gain `d'un` `{{domxref("GainNode")}}. `gain` est un exemple de paramètre audio de type a-rate, car sa valeur peut potentiellement être différente pour chaque trame d'échantillon. +Ce premier exemple simple montre la définition de la valeur de `gain` d'un [`GainNode`](/fr/docs/Web/API/GainNode). `gain` est un exemple de paramètre audio de type `a-rate`, car sa valeur peut potentiellement être différente pour chaque trame d'échantillon. ```js var AudioContext = window.AudioContext || window.webkitAudioContext; diff --git a/files/fr/web/api/audioworklet/index.md b/files/fr/web/api/audioworklet/index.md index 4a8de6b246..6693427d9a 100644 --- a/files/fr/web/api/audioworklet/index.md +++ b/files/fr/web/api/audioworklet/index.md @@ -25,7 +25,7 @@ L'accès à distance d'`AudioWorklet` du contexte audio se fait par la propriét ## Propriétés -*L'interface `AudioWorklet` *ne définit pas de propriétés propres, mais hérite des propriétés de _{{domxref("Worklet")}}._ +*L'interface `AudioWorklet` ne définit pas de propriétés propres, mais hérite des propriétés de [`Worklet`](/fr/docs/Web/API/Worklet).* ## Méthodes @@ -33,7 +33,7 @@ Cette interface hérite des méthodes de *{{domxref('Worklet')}}. L'interface `A ## Evénements -L'*`AudioWorklet` *n'a pas d'événements auxquels il répond*.* +*L'interface `AudioWorklet` n'a pas d'évènements auxquels elle répond.* ## Exemples diff --git a/files/fr/web/api/biquadfilternode/index.md b/files/fr/web/api/biquadfilternode/index.md index 33a45b9a1f..f0e40607c6 100644 --- a/files/fr/web/api/biquadfilternode/index.md +++ b/files/fr/web/api/biquadfilternode/index.md @@ -51,9 +51,9 @@ _Hérite des propriétés de son parent,_ _{{domxref("AudioNode")}}_. - {{domxref("BiquadFilterNode.detune")}} - : Est un {{domxref ("AudioParam")}} de type [a-rate](/fr/docs/Web/API/AudioParam#a-rate) : un nombre flottant à double précision représentant le désaccordage de la fréquence exprimé en [cents](https://fr.wikipedia.org/wiki/Cent_et_savart). - {{domxref("BiquadFilterNode.Q")}} - - : Est un {{domxref ("AudioParam")}} de type [a-rate](/fr/docs/Web/API/AudioParam#a-rate) : un nombre flottant à double précision représentant un [facteur](http://en.wikipedia.org/wiki/Q_factor)[ Q](http://en.wikipedia.org/wiki/Q_factor), ou facteur de qualité. + - : Est un [`AudioParam`](/fr/docs/Web/API/AudioParam) de type [a-rate](/fr/docs/Web/API/AudioParam#a-rate) : un nombre flottant à double précision représentant un [facteur Q](https://en.wikipedia.org/wiki/Q_factor), ou facteur de qualité. - {{domxref("BiquadFilterNode.gain")}} {{readonlyInline}} - - : Est un {{domxref ("AudioParam")}} de type [a-rate](/fr/docs/Web/API/AudioParam#a-rate) : un nombre flottant à double précision représentant le [gain](http://en.wikipedia.org/wiki/Gain)[ ](http://en.wikipedia.org/wiki/Gain)utilisé dans l'algorithme de filtrage. + - : Est un [`AudioParam`](/fr/docs/Web/API/AudioParam) de type [a-rate](/fr/docs/Web/API/AudioParam#a-rate) : un nombre flottant à double précision représentant le [gain](https://en.wikipedia.org/wiki/Gain) utilisé dans l'algorithme de filtrage. - {{domxref("BiquadFilterNode.type")}} - : Une chaîne définissant le type d'algorithme de filtrage que le noeud implémente: La signification des paramètres diffère en fonction du type du filtre (sauf detune qui a la même signification dans tous les cas, et n'est donc pas listé ci-dessous) diff --git a/files/fr/web/api/blobevent/index.md b/files/fr/web/api/blobevent/index.md index 1f15cd2e2c..77903b57b8 100644 --- a/files/fr/web/api/blobevent/index.md +++ b/files/fr/web/api/blobevent/index.md @@ -34,7 +34,7 @@ _Hérite des propriétés de son parent, {{domxref("Event")}}_. ## Méthodes -_Pas de méthode spécifique ; hérite des méthodes de son parent _{{domxref("Event")}}. +*Pas de méthode spécifique ; hérite des méthodes de son parent [`Event`](/fr/docs/Web/API/Event).* ## Spécifications @@ -49,5 +49,5 @@ _Pas de méthode spécifique ; hérite des méthodes de son parent _{{domxref("E ## Voir aussi - L'interface de base {{domxref("Event")}} . -- [L'API MediaStream Recording ](/fr/docs/Web/API/MediaStream_Recording_API): envoie des objets `BlobEvent` chaque fois qu'un fragment de media est prêt. +- [L'API <i lang="en">MediaStream Recording</i>](/fr/docs/Web/API/MediaStream_Recording_API) : envoie des objets `BlobEvent` chaque fois qu'un fragment de media est prêt. - [Utiliser l'API MediaStream Recording](/fr/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API) diff --git a/files/fr/web/api/cache/addall/index.md b/files/fr/web/api/cache/addall/index.md index ca0910f2fa..8a666d32cb 100644 --- a/files/fr/web/api/cache/addall/index.md +++ b/files/fr/web/api/cache/addall/index.md @@ -17,7 +17,7 @@ translation_of: Web/API/Cache/addAll La méthode **`addAll()`** de l'interface {{domxref("Cache")}} accepte un tableau d'URLS, les récupères, et ajoute les objets réponse qui en résultent au cache en question. Les objets requêtes crées pendant la phase de récupération deviennent des clés vers les opérations de réponse stockées. -> **Note :** `addAll()` écrasera toute paire clé/valeur précedemment stockée en cache et qui correspond à une requête, mais échouera si l'opération `put() `ainsi créée devrait engendrer l'éffacement d'une entrée cache créée par la même méthode `addAll()`. +> **Note :** `addAll()` écrasera toute paire clé/valeur précédemment stockée en cache et qui correspond à une requête, mais échouera si l'opération `put()` ainsi créée devrait engendrer l'effacement d'une entrée cache créée par la même méthode `addAll()`. ## Syntaxe diff --git a/files/fr/web/api/canvas_api/a_basic_ray-caster/index.md b/files/fr/web/api/canvas_api/a_basic_ray-caster/index.md index 0629dc07f9..7096bbe6e5 100644 --- a/files/fr/web/api/canvas_api/a_basic_ray-caster/index.md +++ b/files/fr/web/api/canvas_api/a_basic_ray-caster/index.md @@ -22,7 +22,7 @@ Cet article fournit un exemple intéressant concret d'utilisation de l'élément Après avoir réalisé, à mon plus grand plaisir, que le sympathique élément `<canvas>` dont j'avais [entendu parler (en)](http://www.whatwg.org/specs/web-apps/current-work/#dynamic), non seulement allait être supporté par Firefox, mais était **déjà ** supporté dans la version actuelle de Safari, je me devais de tenter une petite expérience. -La [présentation](/fr/docs/Web/HTML/Canvas) et le [tutoriel ](/fr/docs/Tutoriel_canvas)[](/fr/docs/Tutoriel_canvas)canvas que j'ai trouvé ici sur MDC sont excellents, mais personne n'a encore rien écrit sur l'animation, j'ai donc pensé porter un "raycaster" basique sur lequel j'avais travaillé il y a quelque temps, et voir quelle sorte de performance nous pouvions attendre d'un tampon de pixel écrit en JavaScript. +La [présentation](/fr/docs/Web/API/Canvas_API) et le [tutoriel](/fr/docs/Web/API/Canvas_API/Tutorial) `canvas` que j'ai trouvé ici sur MDN sont excellents, mais personne n'a encore rien écrit sur l'animation. J'ai donc pensé porter un « raycaster » basique sur lequel j'avais travaillé il y a quelque temps, et voir quelle sorte de performance nous pouvions attendre d'un tampon de pixel écrit en JavaScript. ## Comment ? diff --git a/files/fr/web/api/canvas_api/index.md b/files/fr/web/api/canvas_api/index.md index 0cef55c848..5dbc455c7e 100644 --- a/files/fr/web/api/canvas_api/index.md +++ b/files/fr/web/api/canvas_api/index.md @@ -7,7 +7,7 @@ translation_of: Web/API/Canvas_API Ajouté en [HTML5](/fr/docs/Web/Guide/HTML/HTML5), l'élément {{HTMLElement("canvas")}} est un nouvel élément qui peut être utilisé pour dessiner des graphismes via des scripts [JavaScript](/fr/docs/JavaScript). Par exemple, Il peut être utilisé pour dessiner des graphes, faire des compositions de photos, des animations, ou même faire du traitement ou de l'affichage de vidéos en temps réel. -Les applications Mozilla ont commencé à supporter \<canvas> à partir de Gecko 1.8 (c'est-à -dire [Firefox 1.5](/fr/docs/Firefox_1.5_pour_les_développeurs)). L'élément a été introduit à l'origine par Apple pour le [Dashboard d'OS X](http://www.apple.com/macosx/features/dashboard/) et pour Safari. Internet Explorer supporte \<canvas> depuis la version 9 et ultérieures, pour les versions précédentes d'IE, une page peut effectuer ce support de \<canvas> en incluant un script depuis le projet [Explorer Canvas ](http://excanvas.sourceforge.net/)de Google. +Les applications Mozilla ont commencé à supporter `<canvas>` à partir de Gecko 1.8 (c'est-à -dire [Firefox 1.5](/fr/docs/Mozilla/Firefox/Releases/1.5)). L'élément a été introduit à l'origine par Apple pour le Dashboard d'OS X et pour Safari. Internet Explorer supporte `<canvas>` depuis la version 9 et ultérieures ; pour les versions précédentes d'IE, une page peut effectuer ce support de `<canvas>` en incluant un script depuis le projet [« <i lang="en">Explorer Canvas</i> »](https://github.com/arv/explorercanvas) de Google. L'élément \<canvas> est aussi utilisé par [WebGL](/fr/docs/Web/API/WebGL_API) pour afficher des graphismes 3D avec accélération matérielle sur des pages web. diff --git a/files/fr/web/api/canvas_api/manipulating_video_using_canvas/index.md b/files/fr/web/api/canvas_api/manipulating_video_using_canvas/index.md index 1d307ad69e..dc4e3366ba 100644 --- a/files/fr/web/api/canvas_api/manipulating_video_using_canvas/index.md +++ b/files/fr/web/api/canvas_api/manipulating_video_using_canvas/index.md @@ -55,7 +55,7 @@ Le document XHTML utilisé pour rendre ce contenu est montré ci-dessous : Les éléments clés à retenir sont : -1. Ce document dispose de deux balises [`canvas`](/fr/docs/Web/HTML/Element/canvas), avec les IDs `c1 `et `c2 :` l'élément `c1` est utilisé pour afficher l'image courante de la vidéo originale, pendant que `c2` est utilisé pour afficher la vidéo après application de l'effet d'incrustation ; `c2` est préchargé avec la même image que celle qui sera utilisée pour le remplacement du fond vert. +1. Ce document dispose de deux balises [`canvas`](/fr/docs/Web/HTML/Element/canvas), avec les identifiants `c1` et `c2` l'élément `c1` est utilisé pour afficher l'image courante de la vidéo originale, pendant que `c2` est utilisé pour afficher la vidéo après application de l'effet d'incrustation ; `c2` est préchargé avec la même image que celle qui sera utilisée pour le remplacement du fond vert. 2. Le code JavaScript est importé dans le script nommé `main.js` ; Ce script utilise les fonctionnalités propres à la version 1.8, aussi cette version est précisée, à la ligne 22, quand le script est importé. 3. Quand le document se charge, la méthode `processor.doLoad()`, dans le script `main.js`, est exécutée. @@ -144,7 +144,7 @@ Quand la routine est appelée, l'élément vidéo affiche les données de la plu  -La ligne 3 extrait une copie des données graphiques brutes pour l'image courante de la vidéo en appelant la méthode `getImageData() `sur le premier contexte. Cela fournit des données brutes d'image pixel 32 bits que nous pouvons ensuite manipuler. La ligne 4 calcule le nombre de pixels de l'image en divisant la taille totale des données d'image du cadre par quatre. +La ligne 3 extrait une copie des données graphiques brutes pour l'image courante de la vidéo en appelant la méthode `getImageData()` sur le premier contexte. Cela fournit des données brutes d'image pixel 32 bits que nous pouvons ensuite manipuler. La ligne 4 calcule le nombre de pixels de l'image en divisant la taille totale des données d'image du cadre par quatre. La boucle `for`, qui commence à la ligne 6, parcourt les pixels du cadre en extrayant les valeurs rouges, vertes et bleues de chaque pixel et compare les valeurs aux nombres prédéterminés utilisés pour détecter l'écran vert qui sera remplacé par l'image de fond importée de `foo.png`. diff --git a/files/fr/web/api/canvas_api/tutorial/applying_styles_and_colors/index.md b/files/fr/web/api/canvas_api/tutorial/applying_styles_and_colors/index.md index 8165c90b46..31cf501014 100644 --- a/files/fr/web/api/canvas_api/tutorial/applying_styles_and_colors/index.md +++ b/files/fr/web/api/canvas_api/tutorial/applying_styles_and_colors/index.md @@ -99,7 +99,7 @@ En plus de dessiner des formes opaques sur la toile, nous pouvons également des - {{domxref("CanvasRenderingContext2D.globalAlpha", "globalAlpha = transparencyValue")}} - : Applique la valeur de transparence spécifiée à toutes les formes futures tracées sur le Canvas. La valeur doit être comprise entre 0.0 (complètement transparent) à 1.0 (complètement opaque). Cette valeur est de 1,0 (complètement opaque) par défaut. -La propriété` globalAlpha` peut être utile si vous voulez dessiner un grand nombre de formes sur la toile avec la même transparence, mais sinon, il est généralement plus utile de définir la transparence sur les formes individuelles lors de la définition de leurs couleurs. +La propriété `globalAlpha` peut être utile si vous voulez dessiner un grand nombre de formes sur la toile avec la même transparence, mais sinon, il est généralement plus utile de définir la transparence sur les formes individuelles lors de la définition de leurs couleurs. Parce que `strokeStyle` et `fillStyle` acceptent les valeurs de couleur rvba CSS, nous pouvons utiliser la notation suivante pour attribuer une couleur transparente. @@ -262,11 +262,11 @@ Bien que légèrement ennuyeux quand on travaille avec des graphismes 2D évolut La propriété `lineCap` détermine comment les extrêmités de chaque ligne sont dessinées. Il y a trois valeurs possibles pour la propriété : `butt`, `round` et `square`. Par défaut, la propriété est définie à  `butt`. -- `butt `_(bout)_ +- `butt` _(bout)_ - : L'extrémité des lignes est en angle droit. -- `round `_(rond)_ +- `round` _(rond)_ - : Les extrémités sont arrondies. -- `square `_(carré)_ +- `square` _(carré)_ - : Les extrémités sont en angle droit en ajoutant une extension d'une largeur égale à la ligne et une hauteur égale à la moitié de la largeur de la ligne. Dans cet exemple, nous avons tracé trois lignes, chacune avec une valeur différente pour la propriété `lineCap`. Nous avons par ailleurs ajouté deux guides pour voir exactement les différences entre les trois lignes. Chacune de ces trois lignes est identique entre les deux traits bleus. @@ -316,14 +316,14 @@ La propriété `lineJoin` détermine comment deux segments (lignes, arcs ou c Il existe trois valeurs possibles pour cette propriété : `round`, `bevel` et `miter`. Par défaut, cette propriété est définie à  `miter`. Notez que le paramètre `lineJoin` n'a pas d'effet si les deux segments connectés ont la même direction, parce qu'aucune zone de jointure ne sera ajoutée dans ce cas. -- `round `_(rond)_ +- `round` _(rond)_ - : Arrondit les angles des segments en ajoutant un arc de cercle centré à l'extrémité commune des segments connectés. Le rayon de ces angles arrondis est égal à la moitié de la largeur du trait. -- `bevel `_(biseau)_ +- `bevel` _(biseau)_ - : Ajoute un triangle à l'extrémité commune des segments connectés. -- `miter `_(onglet)_ +- `miter` _(onglet)_ - : Les segments connectés sont reliés en prolongeant leurs bords extérieurs pour se connecter en un seul point, avec pour effet de remplir une zone supplémentaire en forme de losange. Ce paramètre est effectué par la propriété miterLimit qui est expliquée ci-dessous. -L'exemple ci-dessous dessine trois chemins différents, démontrant chacun de ces trois paramètres de propriété` lineJoin` ; la sortie est montrée ci-dessus. +L'exemple ci-dessous dessine trois chemins différents, démontrant chacun de ces trois paramètres de propriété `lineJoin` ; la sortie est montrée ci-dessus. ```js function draw() { diff --git a/files/fr/web/api/canvas_api/tutorial/drawing_shapes/index.md b/files/fr/web/api/canvas_api/tutorial/drawing_shapes/index.md index 99f0eb42d4..a38f95eadd 100644 --- a/files/fr/web/api/canvas_api/tutorial/drawing_shapes/index.md +++ b/files/fr/web/api/canvas_api/tutorial/drawing_shapes/index.md @@ -496,8 +496,7 @@ Nous reviendrons sur `fillStyle` plus en détail plus loin dans ce tutoriel. ## Objets Path2D -Comme nous l'avons vu dans le dernier exemple, il peut y avoir une série de trajets et d'instructions de dessin pour dessiner des objets sur votre canevas. Pour simplifier le code et améliorer les performances, l'objet {{domxref("Path2D")}}, disponible dans les versions récentes des navigateurs, vous permet de mettre en cache ou d'enregistrer ces instrucions de dessin. Vous pourrez alors rejouer vos trajets rapidement. -Voyons comment nous pouvons construire un objet `Path2D `: +Comme nous l'avons vu dans le dernier exemple, il peut y avoir une série de trajets et d'instructions de dessin pour dessiner des objets sur votre canevas. Pour simplifier le code et améliorer les performances, l'objet [`Path2D`](/fr/docs/Web/API/Path2D), disponible dans les versions récentes des navigateurs, vous permet de mettre en cache ou d'enregistrer ces instructions de dessin. Vous pourrez alors rejouer vos trajets rapidement. Voyons comment nous pouvons construire un objet `Path2D` : - {{domxref("Path2D.Path2D", "Path2D()")}} - : Le constructor **`Path2D()`** retourne un objet `Path2D` nouvellement instancié, optionellement avec un autre trajet comme argument (crée une copie), ou optionellement avec une chaîne constituée de données de [trajet SVG](/fr-FR/docs/Web/SVG/Tutorial/Paths). diff --git a/files/fr/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.md b/files/fr/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.md index 1339a2cb47..7c6fadf160 100644 --- a/files/fr/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.md +++ b/files/fr/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.md @@ -37,7 +37,7 @@ var nbOctets = imageData.data.length; ## Création d'un objet `ImageData` -Pour créer un nouvel objet `ImageData` vierge, vous pouvez utiliser la méthode {{domxref("CanvasRenderingContext2D.createImageData", "createImageData()")}}. Il existe deux versions de la méthode `createImageData() `: +Pour créer un nouvel objet `ImageData` vierge, vous pouvez utiliser la méthode [`createImageData()`](/fr/docs/Web/API/CanvasRenderingContext2D/createImageData). Il existe deux versions de la méthode `createImageData()` : ```js var monImageData = ctx.createImageData(largeur, hauteur); @@ -67,7 +67,7 @@ Cette méthode est aussi présentée dans l'article [Manipulation vidéo utilis ### Une pipette à couleur -Dans cet exemple, nous utilisons la méthode [getImageData() ](/fr/docs/Web/API/CanvasRenderingContext2D/getImageData)pour afficher la couleur en dessous du curseur de la souris. Pour cela, nous avons besoin de la position en cours de la souris donnée par `layerX` et `layerY`, nous recherchons ensuite les données pixel à cette position dans le tableau de pixels que [getImageData()](/fr/docs/Web/API/CanvasRenderingContext2D/getImageData) nous fournit. Finalement, nous utilisons les données du tableau pour définir une couleur d'arrière-plan et un texte dans le `<div>` pour afficher la couleur. +Dans cet exemple, nous utilisons la méthode [`getImageData()`](/fr/docs/Web/API/CanvasRenderingContext2D/getImageData) pour afficher la couleur en dessous du curseur de la souris. Pour cela, nous avons besoin de la position en cours de la souris donnée par `layerX` et `layerY`, nous recherchons ensuite les données pixel à cette position dans le tableau de pixels que [`getImageData()`](/fr/docs/Web/API/CanvasRenderingContext2D/getImageData) nous fournit. Finalement, nous utilisons les données du tableau pour définir une couleur d'arrière-plan et un texte dans le `<div>` pour afficher la couleur. ```html hidden <canvas id="canvas" width="300" height="227" style="float:left"></canvas> @@ -99,7 +99,7 @@ Dans cet exemple, nous utilisons la méthode [getImageData() ](/fr/docs/Web/API/ ## Peinture des données pixel dans un contexte -Vous pouvez utiliser la méthode [putImageData() ](/fr/docs/Web/API/CanvasRenderingContext2D/putImageData)pour peindre les données pixel dans un contexte : +Vous pouvez utiliser la méthode [`putImageData()`](/fr/docs/Web/API/CanvasRenderingContext2D/putImageData) pour peindre les données pixel dans un contexte : ```js ctx.putImageData(monImageData, dx, dy); diff --git a/files/fr/web/api/canvas_api/tutorial/transformations/index.md b/files/fr/web/api/canvas_api/tutorial/transformations/index.md index eb0ae18226..490e52c4fe 100644 --- a/files/fr/web/api/canvas_api/tutorial/transformations/index.md +++ b/files/fr/web/api/canvas_api/tutorial/transformations/index.md @@ -23,7 +23,7 @@ Avant d'étudier les méthodes de transformations, examinons deux autres méthod - {{domxref("CanvasRenderingContext2D.restore", "restore()")}} - : Restore le plus récent état sauvegardé du canevas. -Les états du canevas sont stockés dans une pile. Chaque invocation de la méthode `save() `ajoute une copie de l'état courant du canevas en haut de la pile. L'état du dessin est constitué de : +Les états du canevas sont stockés dans une pile. Chaque invocation de la méthode `save()` ajoute une copie de l'état courant du canevas en haut de la pile. L'état du dessin est constitué de : - les transformations qui ont été appliquées (exemples : déplacement, rotation, mise à l'échelle). - Les valeurs actuelles des attributs suivants : {{domxref("CanvasRenderingContext2D.strokeStyle", "strokeStyle")}}, {{domxref("CanvasRenderingContext2D.fillStyle", "fillStyle")}}, {{domxref("CanvasRenderingContext2D.globalAlpha", "globalAlpha")}}, {{domxref("CanvasRenderingContext2D.lineWidth", "lineWidth")}}, {{domxref("CanvasRenderingContext2D.lineCap", "lineCap")}}, {{domxref("CanvasRenderingContext2D.lineJoin", "lineJoin")}}, {{domxref("CanvasRenderingContext2D.miterLimit", "miterLimit")}}, {{domxref("CanvasRenderingContext2D.lineDashOffset", "lineDashOffset")}}, {{domxref("CanvasRenderingContext2D.shadowOffsetX", "shadowOffsetX")}}, {{domxref("CanvasRenderingContext2D.shadowOffsetY", "shadowOffsetY")}}, {{domxref("CanvasRenderingContext2D.shadowBlur", "shadowBlur")}}, {{domxref("CanvasRenderingContext2D.shadowColor", "shadowColor")}}, {{domxref("CanvasRenderingContext2D.globalCompositeOperation", "globalCompositeOperation")}}, {{domxref("CanvasRenderingContext2D.font", "font")}}, {{domxref("CanvasRenderingContext2D.textAlign", "textAlign")}}, {{domxref("CanvasRenderingContext2D.textBaseline", "textBaseline")}}, {{domxref("CanvasRenderingContext2D.direction", "direction")}}, {{domxref("CanvasRenderingContext2D.imageSmoothingEnabled", "imageSmoothingEnabled")}}. @@ -87,7 +87,7 @@ C'est une bonne idée de sauvegarder l'état du canevas avant d'effectuer des tr ### Un exemple `translate` -Cet exemple montre certains des avantages du déplacement de l'origine du canevas. Sans la méthode` translate ()`, tous les rectangles seraient dessinés à la même position (0,0). La méthode `translate ()` nous donne également la liberté de placer le rectangle n'importe où sur le canevas sans avoir à ajuster manuellement les coordonnées dans la fonction `fillRect ()`. Cela le rend un peu plus facile à comprendre et à utiliser. +Cet exemple montre certains des avantages du déplacement de l'origine du canevas. Sans la méthode `translate()`, tous les rectangles seraient dessinés à la même position `(0,0)`. La méthode `translate()` nous donne également la liberté de placer le rectangle n'importe où sur le canevas sans avoir à ajuster manuellement les coordonnées dans la fonction `fillRect()`. Cela le rend un peu plus facile à comprendre et à utiliser. Dans la fonction `draw ()`, nous appelons la fonction `fillRect ()` neuf fois en utilisant deux boucles `for` . Dans chaque boucle, le canevas est déplacé, le rectangle est dessiné et le canevas est retourné à son état d'origine. Notez comment l'appel à `fillRect ()` utilise les mêmes coordonnées à chaque fois, en s'appuyant sur `translate ()` pour ajuster la position du dessin. diff --git a/files/fr/web/api/canvasrenderingcontext2d/globalalpha/index.md b/files/fr/web/api/canvasrenderingcontext2d/globalalpha/index.md index 3ad6330fcf..cedbd7eaa0 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/globalalpha/index.md +++ b/files/fr/web/api/canvasrenderingcontext2d/globalalpha/index.md @@ -142,7 +142,7 @@ for (i = 0; i < 7; i++){ ## Notes spécifiques à WebKit/Blink -- Dans les navigateurs WebKit et Blink, une méthode non standard et désapprouvée `ctx.setAlpha() `est implémentée en plus de cette propriété. +- Dans les navigateurs WebKit et Blink, une méthode non standard et désapprouvée `ctx.setAlpha()` est implémentée en plus de cette propriété. ## Voir aussi diff --git a/files/fr/web/api/canvasrenderingcontext2d/rotate/index.md b/files/fr/web/api/canvasrenderingcontext2d/rotate/index.md index fc1cb4fe05..dd43fde3e5 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/rotate/index.md +++ b/files/fr/web/api/canvasrenderingcontext2d/rotate/index.md @@ -5,7 +5,7 @@ translation_of: Web/API/CanvasRenderingContext2D/rotate --- {{APIRef}} -La méthode **`CanvasRenderingContext2D.rotate()`**` de l'API` Canvas 2D ajoute une rotation à la matrice de transformation. L'argument angle représente un angle de rotation horaire et il est exprimé en radians. +La méthode **`CanvasRenderingContext2D.rotate()`** de l'API Canvas 2D ajoute une rotation à la matrice de transformation. L'argument `angle` représente un angle de rotation horaire et il est exprimé en radians. ## Syntaxe diff --git a/files/fr/web/api/canvasrenderingcontext2d/scale/index.md b/files/fr/web/api/canvasrenderingcontext2d/scale/index.md index 330d46eed3..69be186f58 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/scale/index.md +++ b/files/fr/web/api/canvasrenderingcontext2d/scale/index.md @@ -91,7 +91,7 @@ window.addEventListener("load", drawCanvas); ### Utilisation de `scale` pour un retournement horizontal ou vertical -Vous pouvez utiliser `ctx.scale(-1, 1)` pour retourner le contexte horizontalement et `ctx.scale(1, -1) `pour le retourner verticalement. +Vous pouvez utiliser `ctx.scale(-1, 1)` pour retourner le contexte horizontalement et `ctx.scale(1, -1)` pour le retourner verticalement. #### Code jouable 2 diff --git a/files/fr/web/api/characterdata/index.md b/files/fr/web/api/characterdata/index.md index ef27efe0dd..7020f1595e 100644 --- a/files/fr/web/api/characterdata/index.md +++ b/files/fr/web/api/characterdata/index.md @@ -27,7 +27,7 @@ _Hérite des propriétés de son parent {{domxref("Node")}} et implémente les i ## Méthodes -*Hérite des méthodes de son parent {{domxref("Node")}}, et implémente les interfaces {{domxref("ChildNode")}} *et {{domxref("NonDocumentTypeChildNode")}}_._ +*Hérite des méthodes de ses parents, [`Node`](/fr/docs/Web/API/Node) et [`EventTarget`](/fr/docs/Web/API/EventTarget).* - {{domxref("CharacterData.appendData()")}} - : Ajoute la {{domxref("DOMString")}} (_chaîne de caractères_) donnée à la chaîne `CharacterData.data` ; dans le retour de la méthode, `data` contient la {{domxref("DOMString")}} concaténée . diff --git a/files/fr/web/api/client/postmessage/index.md b/files/fr/web/api/client/postmessage/index.md index 45e64508aa..12d36698bc 100644 --- a/files/fr/web/api/client/postmessage/index.md +++ b/files/fr/web/api/client/postmessage/index.md @@ -13,7 +13,7 @@ translation_of: Web/API/Client/postMessage --- {{SeeCompatTable}}{{APIRef("Client")}} -La méthode **`postMessage() `**de l'interface {{domxref("Client")}} permet à un service worker client d'envoyer un message à un {{domxref("ServiceWorker")}}. +La méthode **`postMessage()`** de l'interface [`Client`](/fr/docs/Web/API/Client) permet à un service worker client d'envoyer un message à un [`ServiceWorker`](/fr/docs/Web/API/ServiceWorker). ## Syntaxe diff --git a/files/fr/web/api/closeevent/index.md b/files/fr/web/api/closeevent/index.md index f891301908..a6d23bbdf6 100644 --- a/files/fr/web/api/closeevent/index.md +++ b/files/fr/web/api/closeevent/index.md @@ -11,7 +11,7 @@ translation_of: Web/API/CloseEvent --- {{APIRef("Websockets API")}} -Un événement CloseEvent est envoyé au client utilisant une [WebSocket ](/en-US/docs/Glossary/WebSockets)lorsque la connexion est fermée. Cet événement est envoyé au listener indiqué par l'attribut `onclose `de la WebSocket. +Un évènement `CloseEvent` est envoyé au client utilisant une [WebSocket](/fr/docs/Glossary/WebSockets) lorsque la connexion est fermée. Cet évènement est envoyé au `listener` indiqué par l'attribut `onclose` de la `WebSocket`. ## Constructeur diff --git a/files/fr/web/api/console/index.md b/files/fr/web/api/console/index.md index c761ed3f78..35cf36b6fa 100644 --- a/files/fr/web/api/console/index.md +++ b/files/fr/web/api/console/index.md @@ -11,7 +11,7 @@ translation_of: Web/API/Console --- {{APIRef("Console API")}} -L'objet **`console`** donne accès à la console de débogage du navigateur (par exemple., la[ Console Web](/fr/docs/Outils/Console_Web) dans Firefox). Les spécificités de fonctionnement varient d'un navigateur à l'autre, mais il y a tout de même un ensemble de fonctionnalités qui sont fournies de base. +L'objet **`console`** donne accès à la console de débogage du navigateur (par exemple, la [Console Web](/fr/docs/Tools/Web_Console) dans Firefox). Les spécificités de fonctionnement varient d'un navigateur à l'autre, mais il y a tout de même un ensemble de fonctionnalités qui sont fournies de base. La `console` est accessible de n'importe quel objet global, {{domxref("Window")}} du cadre de navigation, {{domxref("WorkerGlobalScope")}} et ses variantes spécifiques pour les workers. Elle est exposée comme {{domxref ("Window.console")}} et peut être référencée simplement comme console. Par exemple : diff --git a/files/fr/web/api/cssrulelist/index.md b/files/fr/web/api/cssrulelist/index.md index 43a15df497..bf637d5319 100644 --- a/files/fr/web/api/cssrulelist/index.md +++ b/files/fr/web/api/cssrulelist/index.md @@ -1,10 +1,8 @@ --- title: CSSRuleList slug: Web/API/CSSRuleList -tags: - - CSSOM - - DOM translation_of: Web/API/CSSRuleList +browser-compat: api.CSSRuleList --- {{ APIRef("CSSOM") }} @@ -21,10 +19,6 @@ Chaque règle `CSSRule` peut être atteinte via `rules.item(index),` ou simpleme var firstRule = document.styleSheets[0].cssRules[0]; ``` -## Voir aussi - -- [`CSSRule`](/en/DOM/cssRule) - ### Implémentations de CSSRuleList Il existe plusieurs propriétés dans le CSSOM qui retourne une `CSSRuleList` : @@ -34,9 +28,14 @@ Il existe plusieurs propriétés dans le CSSOM qui retourne une `CSSRuleList` : - {{ domxref("CSSKeyframesRule") }} property {{ domxref("CSSKeyframesRule/cssRules", "cssRules") }} - {{ domxref("CSSMozDocumentRule") }} property {{ domxref("CSSMozDocumentRule/cssRules", "cssRules") }} -## Spécification +## Spécifications + +{{Specifications}} + +## Compatibilité des navigateurs + +{{Compat}} + +## Voir aussi -- [DOM Level 2 Style: `CSSRuleList` interface](http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSRuleList) -- [DOM Level 2 Style: `CSSStyleSheet` attribute `cssRules`](http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSStyleSheet-cssRules) -- [DOM Level 2 Style: `CSSMediaRule` attribute ](http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSMediaRule-cssRules)[`cssRules`](http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSMediaRule-cssRules) -- [CSS Animations: `CSSKeyframesRule` interface](http://dev.w3.org/csswg/css3-animations/#DOM-CSSKeyframesRule) +- [`CSSRule`](/fr/docs/Web/API/CSSRule) diff --git a/files/fr/web/api/document/adoptnode/index.md b/files/fr/web/api/document/adoptnode/index.md index e4070ea67c..c96fba2151 100644 --- a/files/fr/web/api/document/adoptnode/index.md +++ b/files/fr/web/api/document/adoptnode/index.md @@ -20,7 +20,7 @@ Adopte un noeud. Le noeud (et son sous-arbre) est supprimé du document dans leq node = document.adoptNode(externalNode); -- ` node` +- `node` - : est le noeud adopté qui a maintenant ce document en tant que son [`ownerDocument`](/en-US/docs/DOM/Node.ownerDocument) (_document propriétaire_). Le [`parentNode`](/en-US/docs/DOM/Node.parentNode) du noeud est `null`, car il n'a pas encore été inséré dans l'arborescence du document. Notez que `node` et `externalNode` sont le même objet après cet appel. - `externalNode` - : est le noeud à adopter existant dans un autre document. diff --git a/files/fr/web/api/document/alinkcolor/index.md b/files/fr/web/api/document/alinkcolor/index.md index fcec44ba01..6962f0342e 100644 --- a/files/fr/web/api/document/alinkcolor/index.md +++ b/files/fr/web/api/document/alinkcolor/index.md @@ -28,7 +28,7 @@ La valeur par défaut pour cette propriété est rouge (`#ee000` en hexadécima Une autre alternative est `document.body.aLink`, même si elle est [obsolète dans HTML 4.01](http://www.w3.org/TR/html401/struct/global.html#adef-alink) (lien en anglais) en faveur de l'alternative CSS ci-dessus. -[Gecko ](/fr/docs/Mozilla/Gecko)supporte `alinkColor`/`:active` et {{Cssxref(":focus")}}. Internet Explorer 6 et 7 supportent `alinkColor`/`:active` seulement pour la [balise HTML des liens (\<a>)](/fr/docs/Web/HTML/Element/a) et le comportement est le même que `:focus` sur Gecko. Il n'y a pas de support pour `:focus` sur IE. +[Gecko](/fr/docs/Glossary/Gecko) supporte `alinkColor`/`:active` et [`:focus`](/fr/docs/Web/CSS/:focus). Internet Explorer 6 et 7 supportent `alinkColor`/`:active` seulement pour la [balise HTML des liens (`<a>`)](/fr/docs/Web/HTML/Element/a) et le comportement est le même que `:focus` sur Gecko. Il n'y a pas de support pour `:focus` dans IE. ## Compatibilité des navigateurs diff --git a/files/fr/web/api/document/createelementns/index.md b/files/fr/web/api/document/createelementns/index.md index 7957b59245..d374570e70 100644 --- a/files/fr/web/api/document/createelementns/index.md +++ b/files/fr/web/api/document/createelementns/index.md @@ -15,7 +15,7 @@ translation_of: Web/API/Document/createElementNS Crée un élément avec l'URI de l'espace de noms spécifié et un nom qualifié. -Pour créer un élément sans spécifier d'URI d'espace de noms, utilisez la méthode [createElement ](/fr/docs/Web/API/Document/createElement)[](/fr/docs/Web/API/Document/createElement). +Pour créer un élément sans spécifier d'URI d'espace de noms, utilisez la méthode [createElement](/fr/docs/Web/API/Document/createElement). ## Syntaxe @@ -29,7 +29,7 @@ var element = document.createElementNS(namespaceURI, qualifiedName[, options]); - : est une chaîne de caractères qui spécifie [l'URI de l'espace de noms](http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/glossary.html#dt-namespaceURI) à associer à l'élément. La propriété [namespaceURI](/fr/docs/Web/API/Node/namespaceURI) de l'élément créé est initialisée avec la valeur de `namespaceURI`. voir [URI d'espaces de nom valides](#URI_d'espaces_de_nom_valides) - `qualifiedName` - : est une chaîne de caractères qui spécifie le type de l'élément à créer. La propriété [nodeName](/fr/docs/Web/API/Node/nodeName) de l'élément créé est initialisée avec la valeur de `qualifiedName` -- `Options `Facultatif +- `Options` {{Optional_Inline}} - : Un objet facultatif `ElementCreationOptions` contient une propriété unique nommée `is`, dont la valeur est le nom de la balise pour un élément personnalisé défini précédemment à l'aide de `customElements.define()` . Pour la rétro-compatibilité avec les versions précédentes de la [spécification des éléments personnalisés](https://www.w3.org/TR/custom-elements/), quelques navigateurs vous permettront de passer ici une chaîne de caractères à la place d'un objet, pour laquelle la valeur est un nom d'élément personnalisé. Voir [Extending native HTML elements](https://developers.google.com/web/fundamentals/primers/customelements/#extendhtml) pour plus d'informations sur la façon d'utiliser ce paramètre. Le nouvel élément recevra un attribut `is` dont la valeur est le nom de la balise de l'élément personnalisé. Les éléments personnalisés sont une fonctionnalité expérimentale disponible uniquement dans certains navigateurs. ### Valeur de retour diff --git a/files/fr/web/api/document/createevent/index.md b/files/fr/web/api/document/createevent/index.md index 8696602672..a84d65ac9c 100644 --- a/files/fr/web/api/document/createevent/index.md +++ b/files/fr/web/api/document/createevent/index.md @@ -8,7 +8,7 @@ tags: - Reference translation_of: Web/API/Document/createEvent --- -> **Attention :** De nombreuses méthodes utilisées avec `createEvent`, tels que `initCustomEvent`, sont obsolètes. Utilisez le [constructeur d'événement ](/fr/docs/Web/API/CustomEvent)[](/fr/docs/Web/API/CustomEvent)à la place. +> **Attention :** De nombreuses méthodes utilisées avec `createEvent`, tels que `initCustomEvent`, sont obsolètes. Utilisez le [constructeur d'évènement](/fr/docs/Web/API/CustomEvent) à la place. {{ ApiRef("DOM") }} diff --git a/files/fr/web/api/document/createtreewalker/index.md b/files/fr/web/api/document/createtreewalker/index.md index 80ff09de29..030d29723b 100644 --- a/files/fr/web/api/document/createtreewalker/index.md +++ b/files/fr/web/api/document/createtreewalker/index.md @@ -140,9 +140,9 @@ La méthode de création **`Document.createTreeWalker()`** renvoie un nouvel obj </tbody> </table> -- _filter _{{optional_inline}} +- `filter` {{optional_inline}} - : est un {{domxref("NodeFilter")}} (_filtre de noeud_) facultatif, c'est à dire un objet avec une méthode `acceptNode` appelé par {{domxref("TreeWalker")}} pour déterminer s'il doit accepter ou non un nœud qui a passé le test `whatToShow`. -- _entityReferenceExpansion _{{optional_inline}} _{{obsolete_inline}}_ +- `entityReferenceExpansion` {{optional_inline}} {{deprecated_inline}} - : est un {{domxref("Boolean")}} (_booléen_) indiquant si, lors de la suppression d'une {{domxref("EntityReference")}}, son sous-arbre doit être supprimé en même temps. ## Exemple diff --git a/files/fr/web/api/document/fullscreenerror_event/index.md b/files/fr/web/api/document/fullscreenerror_event/index.md index 93500c4c70..94199551c2 100644 --- a/files/fr/web/api/document/fullscreenerror_event/index.md +++ b/files/fr/web/api/document/fullscreenerror_event/index.md @@ -3,7 +3,7 @@ title: fullscreenerror slug: Web/API/Document/fullscreenerror_event translation_of: Web/API/Document/fullscreenerror_event --- -L'événement **`fullscreenerror`**` est déclenché lorsque le navigateur ne peut pas entrer en mode plein écran.` +L'évènement **`fullscreenerror`** est déclenché lorsque le navigateur ne peut pas entrer en mode plein écran. ## Informations générales diff --git a/files/fr/web/api/document/getelementbyid/index.md b/files/fr/web/api/document/getelementbyid/index.md index c73932122d..9deb984230 100644 --- a/files/fr/web/api/document/getelementbyid/index.md +++ b/files/fr/web/api/document/getelementbyid/index.md @@ -86,7 +86,7 @@ Contrairement à d'autres méthodes de recherche d'éléments, comme {{domxref </html> ``` -S'il n'y a pas d'élément avec l'`id` fourni, cette fonction retourne `null`. A noter que le paramètre `id` est sensible à la casse, ainsi` document.getElementById("Main")` retournera `null` au lieu de l'élément `<div id="main">` étant donné que "M" et "m" sont différents pour cette méthode. +S'il n'y a pas d'élément avec l'identifiant (`id`) fourni, cette fonction retourne `null`. À noter que le paramètre `id` est sensible à la casse, ainsi `document.getElementById("Main")` retournera `null` au lieu de l'élément `<div id="main">` étant donné que « M » et « m » sont différents pour cette méthode. **Les éléments absents du document** ne sont pas cherchés par `getElementById()`. Quand vous créez un élément et y assignez un ID, vous devez insérer l'élément dans l'arbre du document avec {{domxref("Node.insertBefore()")}} ou une méthode similaire avant de pouvoir y accéder avec `getElementById()` : diff --git a/files/fr/web/api/document/height/index.md b/files/fr/web/api/document/height/index.md index f05e75b127..30430ed4eb 100644 --- a/files/fr/web/api/document/height/index.md +++ b/files/fr/web/api/document/height/index.md @@ -5,7 +5,7 @@ translation_of: Web/API/Document/height --- {{APIRef("DOM")}} {{Obsolete_header}} -> **Note :** Apparu avec {{Gecko("6.0")}},` document.height n'est plus supporté`. Utilisez à la place `document.body.clientHeight`. Voir {{domxref("element.clientHeight")}}. +> **Note :** Apparu avec Gecko 6.0, `document.height` n'est plus supporté. Utilisez à la place `document.body.clientHeight`. Voir [`element.clientHeight`](/fr/docs/Web/API/Element/clientHeight). ## Résumé diff --git a/files/fr/web/api/document/lastmodified/index.md b/files/fr/web/api/document/lastmodified/index.md index bde5ee06e8..98da11d1ce 100644 --- a/files/fr/web/api/document/lastmodified/index.md +++ b/files/fr/web/api/document/lastmodified/index.md @@ -34,7 +34,7 @@ var nLastModif = Date.parse(document.lastModified); ## Notes -Veuillez noter qu'en tant que chaîne de caractères, `lastModified `ne peut être *facilement* utilisé pour des comparaisons entre les dates modifées des documents. Voici un exemple possible qui montre comment afficher une alerte quand la page change (voir aussi: [API des cookies en JavaScript](/en-US/docs/DOM/document.cookie)): +Veuillez noter qu'en tant que chaîne de caractères, `lastModified` ne peut être *facilement* utilisé pour des comparaisons entre les dates modifiées des documents. Voici un exemple possible qui montre comment afficher une alerte quand la page change (voir aussi [l'API des cookies en JavaScript](/fr/docs/Web/API/Document/cookie)) : ```js if (Date.parse(document.lastModified) > parseFloat(document.cookie.replace(/(?:(?:^|.*;)\s*last_modif\s*\=\s*([^;]*).*$)|^.*$/, "$1") || "0")) { diff --git a/files/fr/web/api/document/location/index.md b/files/fr/web/api/document/location/index.md index a3fb30e1ae..5b9fabd4e9 100644 --- a/files/fr/web/api/document/location/index.md +++ b/files/fr/web/api/document/location/index.md @@ -10,7 +10,7 @@ tags: - lecture seule translation_of: Web/API/Document/location --- -La propriété en lecture seule **`Document.location`**` renvoie un objet` {{domxref("Location")}}, contenant les informations sur l'URL du document et fournit des moyens pour modifier cette URL ou charger une autre URL. +La propriété en lecture seule **`Document.location`** renvoie un objet [`Location`](/fr/docs/Web/API/Location), contenant les informations sur l'URL du document et fournit des moyens pour modifier cette URL ou charger une autre URL. Bien que `Document.location` soit un objet  `Location` en _lecture seule_, vous pouvez lui assigner un {{domxref("DOMString")}}. Cela signifie que vous pouvez dans la plupart des cas utiliser document.location comme s'il s'agissait d'une chaîne de caractères: `document.location = 'http://www.example.com'` est un synonyme de `document.location.href = 'http://www.example.com'`. diff --git a/files/fr/web/api/document/popupnode/index.md b/files/fr/web/api/document/popupnode/index.md index 0874d7dca0..c27b61b7a9 100644 --- a/files/fr/web/api/document/popupnode/index.md +++ b/files/fr/web/api/document/popupnode/index.md @@ -12,7 +12,7 @@ translation_of: Web/API/Document/popupNode --- {{ApiRef("DOM")}}{{deprecated_header}} -> **Note :** À partir de {{Gecko("2.0")}}, les auteurs sont encouragés à utiliser la propriété [menupopup ](/fr/docs/Mozilla/Tech/XUL/menupopup)triggerNode à la place. +> **Note :** À partir de Gecko 2.0, les auteurs sont encouragés à utiliser la propriété `triggerNode` de `menupopup` à la place. Quand une fenêtre contextuelle attachée via les attributs `popup` ou `context` est ouverte, la propriété `popupNode` du document XUL est définie sur le noeud sur lequel vous avez cliqué. Il sera la cible de l'événement de souris qui a activé la fenêtre contextuelle. Si elle a été ouverte avec le clavier, le nœud contextuel peut être défini sur null. En règle générale, cette propriété sera vérifiée au cours de la gestion des événements par popupshowing, un menu contextuel pour initialiser le menu basé sur le contexte. diff --git a/files/fr/web/api/document/readystatechange_event/index.md b/files/fr/web/api/document/readystatechange_event/index.md index c6f5652efe..8de026571e 100644 --- a/files/fr/web/api/document/readystatechange_event/index.md +++ b/files/fr/web/api/document/readystatechange_event/index.md @@ -6,7 +6,7 @@ original_slug: Web/Events/readystatechange --- {{ApiRef}} -L'événement `readystatechange` est déclenché lorsque l'attribut [`readyState` ](/fr/docs/DOM/document.readyState)d'un document a changé. +L'évènement **`readystatechange`** est déclenché lorsque l'attribut [`readyState`](/fr/docs/Web/API/Document/readyState) d'un document a changé. ## Information générale diff --git a/files/fr/web/api/document/stylesheets/index.md b/files/fr/web/api/document/stylesheets/index.md index ab07cc650e..194e6044aa 100644 --- a/files/fr/web/api/document/stylesheets/index.md +++ b/files/fr/web/api/document/stylesheets/index.md @@ -5,7 +5,9 @@ translation_of: Web/API/DocumentOrShadowRoot/styleSheets translation_of_original: Web/API/Document/styleSheets original_slug: Web/API/DocumentOrShadowRoot/styleSheets --- -{{APIRef}}La propriété **`Document.styleSheets `**est en lecture seule et retourne une liste {{domxref("StyleSheetList")}} d'objets {{domxref("StyleSheet")}}, qui font référence à l'ensemble des feuilles de style contenues ou embarquées dans le document. +{{APIRef}} + +La propriété **`Document.styleSheets`** est en lecture seule et retourne une liste [`StyleSheetList`](/fr/docs/Web/API/StyleSheetList) d'objets [`CSSStyleSheet`](/fr/docs/Web/API/CSSStyleSheet), qui font référence à l'ensemble des feuilles de style contenues ou embarquées dans le document. ## Syntaxe @@ -13,7 +15,7 @@ original_slug: Web/API/DocumentOrShadowRoot/styleSheets L'objet retourné est une liste {{domxref("StyleSheetList")}}. -Il s'agit d'une collection ordonnée d'objets {{domxref("StyleSheet")}}. `styleSheetList.item(index)` ou `styleSheetList{{ mediawiki.External('<em>index</em>') }}` retourne un seul objet stylesheet par son `index `(`index` débute par 0). +Il s'agit d'une collection ordonnée d'objets [`CSSStyleSheet`](/fr/docs/Web/API/CSSStyleSheet). `styleSheetList.item(index)` ou `styleSheetList[index]` retourne un seul objet stylesheet par son `index` (`index` débute par 0). ## Spécification diff --git a/files/fr/web/api/document/write/index.md b/files/fr/web/api/document/write/index.md index fd54354baf..d0655d473b 100644 --- a/files/fr/web/api/document/write/index.md +++ b/files/fr/web/api/document/write/index.md @@ -63,7 +63,7 @@ Si l'appel à `document.write()` est intégré directement dans le code HTML, il </script> ``` -> **Note :** `document.write` et `document.writeln ne fonctionnent pas dans les documents XHTML (vous obtiendrez une erreur ` "Operation is not supported" \[`NS_ERROR_DOM_NOT_SUPPORTED_ERR`] dans la console d'erreurs). Cela arrive lors de l'ouverture d'un fichier local avec l'extension de fichier .xhtm ou pour tout document servi avec une `application/xhtml+xml` de [type MIME](/fr/docs/Glossaire/Type_MIME). Plus d'informations disponibles dans la  [foire aux questions W3C XHTML (en)](http://www.w3.org/MarkUp/2004/xhtml-faq#docwrite). +> **Note :** `document.write` et [`document.writeln`](/fr/docs/Web/API/Document/writeln) ne fonctionnent pas dans les documents XHTML (vous obtiendrez une erreur « Operation is not supported \[`NS_ERROR_DOM_NOT_SUPPORTED_ERR`] » dans la console d'erreurs). Cela arrive lors de l'ouverture d'un fichier local avec l'extension de fichier `.xhtm` ou pour tout document servi avec une `application/xhtml+xml` de [type MIME](/fr/docs/Glossary/MIME_type). Plus d'informations disponibles dans la [foire aux questions W3C XHTML (en anglais)](https://www.w3.org/MarkUp/2004/xhtml-faq#docwrite). > **Note :** `document.write` dans les scripts [deferred (_différé_)](/en-US/docs/Web/HTML/Element/script#attr-defer) ou [asynchronous (_asynchrone_)](/en-US/docs/Web/HTML/Element/script#attr-async) sera ignoré et vous recevrez un message comme "A call to `document.write()` from an asynchronously-loaded external script was ignored" dans la console d'erreurs. diff --git a/files/fr/web/api/domhighrestimestamp/index.md b/files/fr/web/api/domhighrestimestamp/index.md index 29993ca8bb..ac6b5e5805 100644 --- a/files/fr/web/api/domhighrestimestamp/index.md +++ b/files/fr/web/api/domhighrestimestamp/index.md @@ -37,7 +37,7 @@ Dans Firefox, vous pouvez aussi activer `privacy.resistFingerprinting`, la pré ## Propriétés -*Ce *type* n'a pas de propriétés. C'est une valeur à virgule flottante double précision.* +*Ce type n'a pas de propriétés. C'est une valeur à virgule flottante double précision.* ### Valeur diff --git a/files/fr/web/api/domimplementation/createdocument/index.md b/files/fr/web/api/domimplementation/createdocument/index.md index ff61bff4b8..3e060dbf85 100644 --- a/files/fr/web/api/domimplementation/createdocument/index.md +++ b/files/fr/web/api/domimplementation/createdocument/index.md @@ -30,7 +30,7 @@ La méthode **`DOMImplementation.createDocument()`** crée et retourne un {{domx <!----> - _documentType_ {{optional_inline}} - - : Est le [`DocumentType`](/fr/docs/Web/API/DocumentType) du document à créer. Vaut `null `par défaut. + - : Est le [`DocumentType`](/fr/docs/Web/API/DocumentType) du document à créer. Vaut `null` par défaut. <!----> diff --git a/files/fr/web/api/domquad/index.md b/files/fr/web/api/domquad/index.md index d891ef9db7..53af688f56 100644 --- a/files/fr/web/api/domquad/index.md +++ b/files/fr/web/api/domquad/index.md @@ -23,7 +23,7 @@ Un `DOMQuad` est une collection de 4 `DOMPoint` définissant les coins d'un quad ## Propriétés - p1,p2,p3,p4 {{readonlyinline}} - - : sont des objets {{domxref("DOMPoint")}} pour chacun des 4 coins de l'objet` DOMQuad`. + - : Des objets [`DOMPoint`](/fr/docs/Web/API/DOMPoint) pour chacun des 4 coins de l'objet `DOMQuad`. ## Méthode diff --git a/files/fr/web/api/domtokenlist/foreach/index.md b/files/fr/web/api/domtokenlist/foreach/index.md index b63d1bae03..84e4fee3b2 100644 --- a/files/fr/web/api/domtokenlist/foreach/index.md +++ b/files/fr/web/api/domtokenlist/foreach/index.md @@ -25,7 +25,7 @@ La méthode **`forEach()`** de l'interface {{domxref("DOMTokenList")}} appelle l - _`listObj`_ - : Le tableau que `forEach()` est en train d'appliquer. -- _`argument`_` {{Optional_inline}}` +- `argument` {{Optional_Inline}} - : Valeur à utiliser comme {{jsxref("this")}} lors de l'exécution du `callback` (_rappel_). ### Valeur renvoyée diff --git a/files/fr/web/api/domtokenlist/index.md b/files/fr/web/api/domtokenlist/index.md index 365fb85739..8750f06b0b 100644 --- a/files/fr/web/api/domtokenlist/index.md +++ b/files/fr/web/api/domtokenlist/index.md @@ -5,7 +5,7 @@ translation_of: Web/API/DOMTokenList --- {{APIRef("DOM")}} -L'interface **`DOMTokenList`** représente un ensemble de "token" (_marques_) séparées par un espace. On obtient un tel ensemble grâce aux propriétés {{domxref("Element.classList")}}, {{domxref("HTMLLinkElement.relList")}}, {{domxref("HTMLAnchorElement.relList")}} ou {{domxref("HTMLAreaElement.relList")}}. Les positions de cette liste sont numérotées à partir de 0.` DOMTokenList` est toujours sensible à la casse. +L'interface **`DOMTokenList`** représente un ensemble de marques (« <i lang="en">token</i> ») séparées par un espace. On obtient un tel ensemble grâce aux propriétés [`Element.classList`](/fr/docs/Web/API/Element/classList), [`HTMLLinkElement.relList`](/fr/docs/Web/API/HTMLLinkElement/relList), [`HTMLAnchorElement.relList`](/fr/docs/Web/API/HTMLAnchorElement/relList) ou [`HTMLAreaElement.relList`](/fr/docs/Web/API/HTMLAreaElement/relList). Les positions de cette liste sont numérotées à partir de 0. `DOMTokenList` est toujours sensible à la casse. ## Propriétés @@ -41,7 +41,7 @@ L'interface **`DOMTokenList`** représente un ensemble de "token" (_marques_) sà ## Exemples -Dans l'exemple suivant, nous récupérons la liste d'un ensemble de classes définies sur un élément {{htmlelement("p")}} en tant que `DOMTokenList` en` `utilisant {{domxref("Element.classList")}}, ajoutons une classe en utilisant {{domxref("DOMTokenList.add()")}}, puis mettons à jour le {{domxref("Node.textContent")}} du `<p>` pour qu'il soit égal à la `DOMTokenList`. +Dans l'exemple suivant, nous récupérons la liste d'un ensemble de classes définies sur un élément [`<p>`](/fr/docs/Web/HTML/Element/p) en tant que `DOMTokenList` en utilisant [`Element.classList`](/fr/docs/Web/API/Element/classList), ajoutons une classe en utilisant [`DOMTokenList.add()`](/fr/docs/Web/API/DOMTokenList/add), puis mettons à jour le [`Node.textContent`](/fr/docs/Web/API/Node/textContent) du `<p>` pour qu'il soit égal à la `DOMTokenList`. D'abord HTML : diff --git a/files/fr/web/api/element/attachshadow/index.md b/files/fr/web/api/element/attachshadow/index.md index 8d99934703..8914f7d219 100644 --- a/files/fr/web/api/element/attachshadow/index.md +++ b/files/fr/web/api/element/attachshadow/index.md @@ -17,9 +17,8 @@ La méthode **`Element.attachShadow()`** attache un arbre Shadow DOM à un él - : Un dictionnaire `ShadowRootInit`, avec les propriétés suivantes : - - `mode `: une chaîne de caractères spécifiant le *mode d'encapsulation* de l'arbre du Shadow DOM, parmi les options suivantes : - - - `open : `spécifie une encapsulation ouverte. + - `mode` : une chaîne de caractères spécifiant le *mode d'encapsulation* de l'arbre du Shadow DOM, parmi les options suivantes : + - `open` : spécifie une encapsulation ouverte. - `closed` : spécifie une encapsulation fermée. ### Retour diff --git a/files/fr/web/api/element/compositionupdate_event/index.md b/files/fr/web/api/element/compositionupdate_event/index.md index 06c5973e57..1fc094db36 100644 --- a/files/fr/web/api/element/compositionupdate_event/index.md +++ b/files/fr/web/api/element/compositionupdate_event/index.md @@ -27,8 +27,8 @@ L'événement **compositionupdate** est déclenché lorsqu'un caractère est ajo | `cancelable` {{ReadOnlyInline}} | `boolean` | Peut-il être annulé? | | `view` {{ReadOnlyInline}} | {{domxref("WindowProxy")}} | {{domxref("Document.defaultView")}} (fenêtre du document). | | `detail` {{ReadOnlyInline}} | `long` (`float`) | 0. | -| `data `{{ReadOnlyInline}} | {{domxref("DOMString")}} (string) | La chaîne de caractères originale éditée ou une chaîne vide. | -| `locale `{{ReadOnlyInline}} | {{domxref("DOMString")}} (string) | Le code de la langue pour l'événement de composition si disponible; Sinon une chaîne vide. | +| `data` {{ReadOnlyInline}} | [`DOMString`](/fr/docs/Web/API/DOMString) (string) | La chaîne de caractères originale éditée ou une chaîne vide. | +| `locale` {{ReadOnlyInline}} | [`DOMString`](/fr/docs/Web/API/DOMString) (string) | Le code de la langue pour l'évènement de composition si disponible ; sinon une chaîne vide. | ## Compatibilités navigateur diff --git a/files/fr/web/api/element/focusout_event/index.md b/files/fr/web/api/element/focusout_event/index.md index 366b9dbfbf..e0d369b55c 100644 --- a/files/fr/web/api/element/focusout_event/index.md +++ b/files/fr/web/api/element/focusout_event/index.md @@ -4,7 +4,7 @@ slug: Web/API/Element/focusout_event translation_of: Web/API/Element/focusout_event original_slug: Web/Events/focusout --- -L'évènement `focusout `est déclenché lorsqu'un élément du DOM est sur le point de perdre le focus. La différence principale entre cet événement et [blur](</en-US/docs/Mozilla_event_reference/blur_(event)>) est que ce dernier ne se propage pas. +L'évènement `focusout` est déclenché lorsqu'un élément du DOM est sur le point de perdre le focus. La différence principale entre cet évènement et [`blur`](/fr/docs/Web/API/Element/blur_event) est que ce dernier ne se propage pas. ## Informations générales diff --git a/files/fr/web/api/element/getboundingclientrect/index.md b/files/fr/web/api/element/getboundingclientrect/index.md index aa37626b39..06630172c1 100644 --- a/files/fr/web/api/element/getboundingclientrect/index.md +++ b/files/fr/web/api/element/getboundingclientrect/index.md @@ -86,7 +86,7 @@ Remarquez aussi que les valeurs de `x`/`left`, ### Notes -L'objet `DOMRect` retourné peut être modifié dans les navigateurs modernes. Cela n'était pas le cas avec ceux plus anciens qui retournaient effectivement `DOMRectReadOnly`. Dans IE et Edge, ne pas pouvoir ajouter les propriétés manquantes à l'objet [ClientRect ](<https://msdn.microsoft.com/en-us/library/hh826029(VS.85).aspx>)qu'ils retournent empêche d'ajouter le support de `x` et `y`. +L'objet `DOMRect` retourné peut être modifié dans les navigateurs modernes. Cela n'était pas le cas avec ceux plus anciens qui retournaient effectivement `DOMRectReadOnly`. Dans IE et Edge, ne pas pouvoir ajouter les propriétés manquantes à l'objet [`ClientRect`](https://docs.microsoft.com/fr-fr/previous-versions/hh826029(v=vs.85)) qu'ils retournent empêche d'ajouter le support de `x` et `y`. En raison de problèmes de compatibilité (voir ci-dessous), il est plus sûr de se limiter aux propriétés `top`, `left`, `right`, et `bottom`. diff --git a/files/fr/web/api/element/getelementsbytagname/index.md b/files/fr/web/api/element/getelementsbytagname/index.md index 19c9d3772a..186ad1c4c5 100644 --- a/files/fr/web/api/element/getelementsbytagname/index.md +++ b/files/fr/web/api/element/getelementsbytagname/index.md @@ -13,7 +13,7 @@ translation_of: Web/API/Element/getElementsByTagName La méthode **`Element.getElementsByTagName()`** retourne une liste des éléments portant le [nom de balise](/fr/docs/Web/API/Element/tagName) donné. La recherche porte sur le sous-arbre de l'élément spécifié, à l'exception de cet élément lui-même. La liste retournée est _live_, c'est à dire qu'elle se met à jour automatiquement à chaque changement de l'arbre DOM. Par conséquent, il n'est pas nécessaire d'appeller plusieurs fois `Element.getElementsByTagName()` avec le même élément et les mêmes arguments. -Quand elle est appelée sur un élément HTML dans un document HTML, `getElementsByTagName `place son argument en minuscule avant de continuer. Cela n'est pas souhaitable lorsque vous tentez de faire correspondre des éléments SVG " camel-cased" dans une sous-arborescence dans un document HTML. {{domxref("Element.getElementsByTagNameNS()")}} fonctionne dans ce cas. +Quand elle est appelée sur un élément HTML dans un document HTML, `getElementsByTagName` place son argument en minuscule avant de continuer. Cela n'est pas souhaitable lorsque vous tentez de faire correspondre des éléments SVG « <i lang="en">camel-case</i> » dans une sous-arborescence dans un document HTML. [`Element.getElementsByTagNameNS`](/fr/docs/Web/API/Element/getElementsByTagNameNS) fonctionne dans ce cas. `Element.getElementsByTagName` est similaire à {{domxref("Document.getElementsByTagName()")}}, à part que sa recherche est limitée aux éléments qui sont des descendants de l'élément spécifié. diff --git a/files/fr/web/api/element/matches/index.md b/files/fr/web/api/element/matches/index.md index 40ef961ca7..33a5c2605c 100644 --- a/files/fr/web/api/element/matches/index.md +++ b/files/fr/web/api/element/matches/index.md @@ -9,7 +9,7 @@ translation_of: Web/API/Element/matches --- {{ APIRef("DOM") }} -`La méthode `**`element.matches()`** renvoie `true` lorsque l'élément peut être sélectionné par le sélecteur défini par la chaîne passée en paramêtre; sinon, elle renvoie `false`. +La méthode **`element.matches()`** renvoie `true` lorsque l'élément peut être sélectionné par le sélecteur défini par la chaîne passée en paramètre ; sinon, elle renvoie `false`. > **Attention :** Certains navigateurs implémentent cette méthode sous le nom `matchesSelector()` non-standardisé et préfixé. @@ -49,7 +49,7 @@ Ce code affichera l'alerte "Le - aigle des Philippines - est en voie de disparit ## Polyfill -Pour les navigateurs qui ne supportent pas `Element.matches()` ou `Element.matchesSelector()`, mais fournissent le support de` document.querySelectorAll()`, il existe un _polyfill_ : +Pour les navigateurs qui ne supportent pas `Element.matches()` ou `Element.matchesSelector()`, mais fournissent le support de `document.querySelectorAll()`, il existe un _polyfill_ : if (!Element.prototype.matches) { Element.prototype.matches = diff --git a/files/fr/web/api/element/queryselectorall/index.md b/files/fr/web/api/element/queryselectorall/index.md index f58c8ab23d..e0e88dfa8b 100644 --- a/files/fr/web/api/element/queryselectorall/index.md +++ b/files/fr/web/api/element/queryselectorall/index.md @@ -109,7 +109,7 @@ let inner = select.querySelectorAll('.outer .inner'); inner.length; // 1, pas 0 ! ``` -Dans cet exemple, en sélectionnant `.outer .inner` dans le contexte `<div> `avec la classe `select`, l'élément avec la classe `.inner` est toujours trouvé, même si `.outer` n'est pas un descendant de l'élément sur lequel la recherche est effectuée (`.select`). Par défaut, `querySelectorAll()` vérifie uniquement que le dernier élément du sélecteur se trouve dans la portée de la recherche. +Dans cet exemple, en sélectionnant `.outer .inner` dans le contexte `<div>` avec la classe `select`, l'élément avec la classe `.inner` est toujours trouvé, même si `.outer` n'est pas un descendant de l'élément sur lequel la recherche est effectuée (`.select`). Par défaut, `querySelectorAll()` vérifie uniquement que le dernier élément du sélecteur se trouve dans la portée de la recherche. La pseudo-classe [`:scope`](/fr/docs/Web/CSS/:scope) restaure le comportement attendu, ne faisant correspondre les sélecteurs que sur les descendants de l'élément de base : diff --git a/files/fr/web/api/element/scrollheight/index.md b/files/fr/web/api/element/scrollheight/index.md index 02e1c29792..84bb1b7101 100644 --- a/files/fr/web/api/element/scrollheight/index.md +++ b/files/fr/web/api/element/scrollheight/index.md @@ -162,7 +162,7 @@ onload = function () { | Opera | ? | | Safari \| Chrome \| Webkit | **4.0** \| **4.0** \| ? | -**Dans les versions inférieures à Firefox 21 :** quand le contenu d'un élément ne génère pas de barre de défilement verticale, alors sa propriété `scrollHeight` est égale à sa propriété `clientHeight`. Cela signifie soit que le contenu est trop court pour avoir besoin d'une barre de défilement, soit que la propriété CSS` {{ cssxref("overflow") }}` de l'élément a pour valeur `visible`. +**Dans les versions inférieures à Firefox 21 :** quand le contenu d'un élément ne génère pas de barre de défilement verticale, alors sa propriété `scrollHeight` est égale à sa propriété `clientHeight`. Cela signifie soit que le contenu est trop court pour avoir besoin d'une barre de défilement, soit que la propriété CSS [`overflow`](/fr/docs/Web/CSS/overflow) de l'élément a pour valeur `visible`. ## Voir aussi diff --git a/files/fr/web/api/element/scrollintoview/index.md b/files/fr/web/api/element/scrollintoview/index.md index be1ff265f9..f36004773c 100644 --- a/files/fr/web/api/element/scrollintoview/index.md +++ b/files/fr/web/api/element/scrollintoview/index.md @@ -63,4 +63,4 @@ L'élément peut ne pas être aligné complètement avec le haut ou le bas, selo ## Voir aussi -- {{domxref("Element.scrollIntoViewIfNeeded()")}}[ ](/en-US/docs/Web/API/Element/scrollIntoViewIfNeeded){{non-standard_inline}} +- [`Element.scrollIntoViewIfNeeded()`](/fr/docs/Web/API/Element/scrollIntoViewIfNeeded) {{non-standard_inline}} diff --git a/files/fr/web/api/event/cancelable/index.md b/files/fr/web/api/event/cancelable/index.md index 5d073dca6b..a570c95c8c 100644 --- a/files/fr/web/api/event/cancelable/index.md +++ b/files/fr/web/api/event/cancelable/index.md @@ -25,7 +25,7 @@ La plupart des événements natifs du navigateur qui peuvent être annulés sont ## Exemple -Par exemple, les vendeurs de navigateurs proposent que l'[évènement wheel ](/fr/docs/Web/Events/wheel)puisse être annulable seulement [la première fois que l'écouteur est appelé](https://github.com/WICG/interventions/issues/33) (en) ; les évènements `wheel` suivants ne peuvent être annulés. +Par exemple, les vendeurs de navigateurs proposent que l'évènement [`wheel`](/fr/docs/Web/API/Document/wheel_event) puisse être annulable seulement [la première fois que l'écouteur est appelé (ressource en anglais)](https://github.com/WICG/interventions/issues/33) ; les évènements `wheel` suivants ne peuvent être annulés. ```js function preventScrollWheel(event) { diff --git a/files/fr/web/api/eventtarget/removeeventlistener/index.md b/files/fr/web/api/eventtarget/removeeventlistener/index.md index 7749831930..91761ef749 100644 --- a/files/fr/web/api/eventtarget/removeeventlistener/index.md +++ b/files/fr/web/api/eventtarget/removeeventlistener/index.md @@ -36,7 +36,7 @@ La méthode **`EventTarget.removeEventListener()`** supprime d'une {{domxref("Ev - {{non-standard_inline}} `mozSystemGroup` : Disponible seulement pour le code exécuté dans XBL ou dans le chrome de Firefox, c'est un {{jsxref("Boolean")}} indiquant que l'écouteur a été ajouté au groupe système. - `useCapture` {{optional_inline}} - - : Indique si l'{{domxref("EventListener")}} à retirer a été enregistré comme un` `écouteur capturant, ou non. Si le paramètre est absent, la valeur par défaut est `false` (_faux_). + - : Indique si l'[`EventListener`](/fr/docs/Web/API/EventListener) à retirer a été enregistré comme un écouteur capturant, ou non. Si le paramètre est absent, la valeur par défaut est `false` (_faux_). Si un écouteur est enregistré deux fois, un avec capture et un sans, supprimez chacun séparément. La suppression d'un écouteur de capture n'affecte pas une version non capturante du même écouteur, et vice versa. diff --git a/files/fr/web/api/fetch_api/basic_concepts/index.md b/files/fr/web/api/fetch_api/basic_concepts/index.md index 2f05f79f76..83cc79609d 100644 --- a/files/fr/web/api/fetch_api/basic_concepts/index.md +++ b/files/fr/web/api/fetch_api/basic_concepts/index.md @@ -5,7 +5,7 @@ translation_of: Web/API/Fetch_API/Basic_concepts --- {{DefaultAPISidebar("Fetch API")}}{{draft}} -L'API [Fetch ](/en-US/docs/Web/API/Fetch_API)fournit une interface pour récupérer des ressources (y compris depuis le réseau). Elle paraîtra familière à quiconque aura déjà utilisé {{domxref("XMLHttpRequest")}}, mais elle fournit un jeu de fonctionnalités plus puissantes et plus souples. Cet article explique quelques uns des principes de base de l'API Fetch. +L'[API <i lang="en">Fetch</i>](/fr/docs/Web/API/Fetch_API) fournit une interface pour récupérer des ressources (y compris depuis le réseau). Elle paraîtra familière à quiconque aura déjà utilisé [`XMLHttpRequest`](/fr/docs/Web/API/XMLHttpRequest), mais elle fournit un jeu de fonctionnalités plus puissantes et plus souples. Cet article explique quelques-uns des principes de base de l'API <i lang="en">Fetch</i>. > **Note :** This article will be added to over time. If you find a Fetch concept that you feel needs explaining better, let someone know on the [MDN discussion forum](https://discourse.mozilla-community.org/c/mdn), or [Mozilla IRC](https://wiki.mozilla.org/IRC) (#mdn room.) diff --git a/files/fr/web/api/focusevent/index.md b/files/fr/web/api/focusevent/index.md index cd3a591790..11f2271415 100644 --- a/files/fr/web/api/focusevent/index.md +++ b/files/fr/web/api/focusevent/index.md @@ -27,7 +27,7 @@ _Hértite des propriétés de son parent domxref("UIEvent")}} et indirectement d ## Méthodes -_Aucune méthode spécifique ; Hérite des propriétés de son parent _{{domxref("UIEvent")}}_ et indirectement de {{domxref("Event")}}_. +*Aucune méthode spécifique ; hérite des propriétés de son parent [`UIEvent`](/fr/docs/Web/API/UIEvent) et indirectement de [`Event`](/fr/docs/Web/API/Event).* ## Spécifications diff --git a/files/fr/web/api/formdata/append/index.md b/files/fr/web/api/formdata/append/index.md index 301c4adb00..bc20d3847b 100644 --- a/files/fr/web/api/formdata/append/index.md +++ b/files/fr/web/api/formdata/append/index.md @@ -34,7 +34,7 @@ formData.append(name, value, filename); - : Le nom de la clé dont les données sont contenues dans `value`. - `value` - : La valeur du champ clé. Elle peut être une {{domxref("USVString")}} ou un {{domxref("Blob")}} (incluant les sous-classes comme {{domxref("File")}}). -- `filename `{{optional_inline}} +- `filename` {{optional_inline}} - : Le nom du fichier envoyé au serveur (a {{domxref("USVString")}}), quand un {{domxref("Blob")}} ou un {{domxref("File")}} est passé en second paramètre. Le nom du fichier par défaut pour des objets {{domxref("Blob")}} est "blob". Le nom du fichier par défaut pour des objets {{domxref("File")}} est le nom du fichier de l'objet. > **Note :** Si vous spécifiez un  {{domxref("Blob")}} comme donnée rattachée à un objet de type `FormData`, le nom de fichier envoyé au serveur sera dans l'entête "Content-Disposition" mais peut varier selon le navigateur. diff --git a/files/fr/web/api/formdata/formdata/index.md b/files/fr/web/api/formdata/formdata/index.md index 5e9b2e5cc1..44427eb965 100644 --- a/files/fr/web/api/formdata/formdata/index.md +++ b/files/fr/web/api/formdata/formdata/index.md @@ -24,7 +24,7 @@ var formData = new FormData(form) ### Paramètres -- `form `{{optional_inline}} +- `form` {{optional_inline}} - : Un element HTML {{HTMLElement("form")}} — quand il est spécifié, l'objet {{domxref("FormData")}} sera rempli avec les clés/valeurs du formulaire en utilisant les noms de propriétés de chaque élément pour clé et les valeurs soumises. Cela encodera aussi le contenu des fichiers. ## Exemples diff --git a/files/fr/web/api/formdata/set/index.md b/files/fr/web/api/formdata/set/index.md index 3df31fa9a8..1731813703 100644 --- a/files/fr/web/api/formdata/set/index.md +++ b/files/fr/web/api/formdata/set/index.md @@ -34,7 +34,7 @@ formData.set(name, value, filename); - : Le nom du champ dont les données sont contenues en valeur (`value`). - `value` - : La valeur du champ. Il peut s'agir d'un {{domxref("USVString")}} ou d'un {{domxref("Blob")}} (y compris les sous-classes telles que {{domxref("File")}}). Si aucune de ces sous-classes n'est spécifiée, la valeur est convertie en une chaîne de caractères. -- `filename `{{optional_inline}} +- `filename` {{optional_inline}} - : Le nom de fichier communiqué au serveur (un {{domxref("USVString")}}), lorsqu'un {{domxref("Blob")}} ou un {{domxref("File")}} est passée comme deuxième paramètre. Le nom de fichier par défaut pour les objets {{domxref("Blob")}} est "blob". Le nom de fichier par défaut pour les objets {{domxref("File")}} est le nom du fichier. > **Note :** Si vous spécifiez un {{domxref("Blob")}} comme donnée à ajouter à l'objet FormData, le nom du fichier qui sera rapporté au serveur dans l'en-tête "Content-Disposition" utilisé pour varier d'un navigateur à l'autre. diff --git a/files/fr/web/api/formdata/using_formdata_objects/index.md b/files/fr/web/api/formdata/using_formdata_objects/index.md index 480822832a..80f00db03e 100644 --- a/files/fr/web/api/formdata/using_formdata_objects/index.md +++ b/files/fr/web/api/formdata/using_formdata_objects/index.md @@ -44,7 +44,7 @@ Dans cet exemple, une instance `FormData` contenant les valeurs des champs « ## Récupération d’un objet FormData dans un formulaire HTML -Pour construire un objet `FormData` contenant les données d’un élément HTML {{ HTMLElement("form") }} existant, spécifiez cet élément lors de la création de l’objet` `: +Pour construire un objet `FormData` contenant les données d'un élément HTML [`<form>`](/fr/docs/Web/HTML/Element/form) existant, spécifiez cet élément lors de la création de l'objet : ```js var formData = new FormData(someFormElement); diff --git a/files/fr/web/api/gestureevent/index.md b/files/fr/web/api/gestureevent/index.md index 5df52dc4c2..3ed0a22097 100644 --- a/files/fr/web/api/gestureevent/index.md +++ b/files/fr/web/api/gestureevent/index.md @@ -45,7 +45,7 @@ _Cette interface hérite aussi des méthodes de ses parents {{domxref("UIEvent") ## Spécifications -_Ne fait partie d'aucune spécification._ Apple a une[ description dans la bibliothèque Safari Developer](https://developer.apple.com/library/iad/documentation/UserExperience/Reference/GestureEventClassReference/index.html). +_Ne fait partie d'aucune spécification._ Apple a une [description dans la bibliothèque Safari Developer (en anglais)](https://developer.apple.com/documentation/webkitjs/gestureevent). ## Compatibilité des navigateurs diff --git a/files/fr/web/api/globaleventhandlers/onauxclick/index.md b/files/fr/web/api/globaleventhandlers/onauxclick/index.md index b9024e55b8..6377d91e95 100644 --- a/files/fr/web/api/globaleventhandlers/onauxclick/index.md +++ b/files/fr/web/api/globaleventhandlers/onauxclick/index.md @@ -49,7 +49,7 @@ button.onauxclick = function() { } ``` -> **Note :** Si vous utilisez une souris à trois boutons, vous remarquerez que le gestionnaire` onauxclick` est exécuté lorsque l'un des boutons non gauche de la souris est cliqué. +> **Note :** Si vous utilisez une souris à trois boutons, vous remarquerez que le gestionnaire `onauxclick` est exécuté lorsque l'un des boutons non gauche de la souris est cliqué. ## Spécifications diff --git a/files/fr/web/api/globaleventhandlers/onerror/index.md b/files/fr/web/api/globaleventhandlers/onerror/index.md index b25ada424d..0da6eab128 100644 --- a/files/fr/web/api/globaleventhandlers/onerror/index.md +++ b/files/fr/web/api/globaleventhandlers/onerror/index.md @@ -27,7 +27,7 @@ window.onerror = function(messageOrEvent, source, noligne, nocolonne, erreur) { Paramètres de la fonction : -- `message `: message d'erreur (chaîne ou objet évènement). Disponible comme `event` (sic !) dans le gestionnaire de HTML `onerror=""` et aussi comme objet évènement lors de l'envoi d'un [Event](/en-US/docs/Web/API/Event) à  `window,` auquel cas les autres arguments ne seront pas fournis (au contraire de [ErrorEvent](/en-US/docs/Web/API/ErrorEvent), qui amène le passage de l'ensemble complet des arguments à  `window.onerror`, tandis que seul l'objet d'évènement d'erreur est  passé aux gestionnaires de` window.addEventListener('error'))` +- `message` : message d'erreur (chaîne ou objet évènement). Disponible comme `event` (sic !) dans le gestionnaire de HTML `onerror=""`. - source : l'URL du script où l'erreur a été déclenchée (chaîne) - noligne : le numéro de ligne où l'erreur a été déclenchée (nombre) - nocolonne : le numéro de colonne où l'erreur a été déclenchée (nombre) diff --git a/files/fr/web/api/globaleventhandlers/onloadend/index.md b/files/fr/web/api/globaleventhandlers/onloadend/index.md index e62f46a6f7..d7e3ed8dfa 100644 --- a/files/fr/web/api/globaleventhandlers/onloadend/index.md +++ b/files/fr/web/api/globaleventhandlers/onloadend/index.md @@ -19,7 +19,7 @@ La propriété **`onloadend`** du "mixin" {{domxref("GlobalEventHandlers")}} est ### Valeur -`funcRef` est la fonction du gestionnaire à appeler quand l'évènement `loadend `de la ressource est déclenché. +`funcRef` est la fonction du gestionnaire à appeler quand l'évènement `loadend` de la ressource est déclenché. ## Exemples diff --git a/files/fr/web/api/history_api/index.md b/files/fr/web/api/history_api/index.md index 40ec87c023..c829ef21fa 100644 --- a/files/fr/web/api/history_api/index.md +++ b/files/fr/web/api/history_api/index.md @@ -88,7 +88,7 @@ Si on clique à nouveau sur Recul, l'URL de la barre de navigation va se changer - **title** (**_titre_)** — Firefox, pour l'instant, ignore ce paramètre, bien qu'il puisse être utilisé plus tard. Afin de prévenir les changements futurs de cette méthode, il serait prudent de fournir ici, en paramètre, une chaîne vide. Vous pourriez aussi donner un titre court à l'état vers lequel vous vous dirigez. - **URL** — L'URL de la nouvelle entrée de l'historique est donnée par ce paramètre. Il convient de préciser que le navigateur n'essaiera pas de charger la page pointée par cette URL après un appel à `pushState()`, mais il se peut qu'il tente de le faire plus tard, par exemple, lorsque l'utilisateur relancera son navigateur. Il n'est pas nécessaire que la nouvelle URL soit absolue ; si elle est relative, ce sera par rapport à l'URL courante. La nouvelle URL doit avoir la même origine (domaine) que l'URL courante ; dans le cas contraire, `pushState()` génèrera une exception. Ce paramètre est optionnel ; s'il n'est pas spécifié, sa valeur par défaut est l'URL de la page courante. -> **Note :** Dans Gecko 2.0 {{ geckoRelease("2.0") }} jusqu'à Gecko 5.0 {{ geckoRelease("5.0") }}, l'objet fourni est sérialisé en utilisant JSON. À partir de Gecko 6.0 {{ geckoRelease("6.0") }}, l'objet est sérialisé à l'aide de[ "structured clone algorithm"](/en/DOM/The_structured_clone_algorithm) qui autorise, en particulier, la sérialisation d'arbres récursifs cycliques. Cela permet de passer de façon sûre une plus grande diversité d'objets. +> **Note :** Dans Gecko 2.0 jusqu'à Gecko 5.0, l'objet fourni est sérialisé en utilisant JSON. À partir de Gecko 6.0, l'objet est sérialisé à l'aide de [l'algorithme de clonage structuré](/fr/docs/Web/API/Web_Workers_API/Structured_clone_algorithm) qui autorise, en particulier, la sérialisation d'arbres récursifs cycliques. Cela permet de passer de façon sûre une plus grande diversité d'objets. On peut assimiler l'appel à `pushState()` à l'affectation `window.location = "#foo"`, en cela que l'un comme l'autre auront pour effet de créer et déclencher une autre entrée de l'historique associée au document courant. Mais `pushState()` a quelques avantages : @@ -108,7 +108,7 @@ Dans d'autres documents, elle crée un élément avec l'URI d'espace de nom `nul `replaceState()` est particulièrement utile si vous désirez mettre à jour l'objet état ou l'URL de l'entrée courante de l'historique en réponse à une action de l'utilisateur. -> **Note :** Dans Gecko 2.0 {{ geckoRelease("2.0") }} jusqu'à Gecko 5.0 {{ geckoRelease("5.0") }}, l'objet transmis est sérialisé avec JSON. À partir de Gecko 6.0 {{ geckoRelease("6.0") }}, l'objet est sérialisé à l'aide de[ "structured clone algorithm"](/en/DOM/The_structured_clone_algorithm) qui autorise, en particulier, la sérialisation d'arbres récursifs cycliques. Cela permet de passer de façon sûre une plus grande diversité d'objets. +> **Note :** Dans Gecko 2.0 jusqu'à Gecko 5.0, l'objet fourni est sérialisé en utilisant JSON. À partir de Gecko 6.0, l'objet est sérialisé à l'aide de [l'algorithme de clonage structuré](/fr/docs/Web/API/Web_Workers_API/Structured_clone_algorithm) qui autorise, en particulier, la sérialisation d'arbres récursifs cycliques. Cela permet de passer de façon sûre une plus grande diversité d'objets. ### Exemple de la méthode replaceState() @@ -131,7 +131,7 @@ Supposons maintenant que l'utilisateur accède à http\://www\.microsoft.com, pu ### L'événement popstate -Un événement `popstate` est envoyé à la fenêtre chaque fois que l'entrée active de l'historique change. Si l'entrée de l'historique activée a été créée par un appel à `replaceState`, la propriété `state `de l'événement `popstate` contient une copie de l'objet état de l'entrée de l'historique. +Un évènement `popstate` est envoyé à la fenêtre chaque fois que l'entrée active de l'historique change. Si l'entrée de l'historique activée a été créée par un appel à `replaceState`, la propriété `state` de l'évènement `popstate` contient une copie de l'objet état de l'entrée de l'historique. Voir {{ domxref("window.onpopstate") }} pour un exemple d'utilisation. diff --git a/files/fr/web/api/htmlcanvaselement/getcontext/index.md b/files/fr/web/api/htmlcanvaselement/getcontext/index.md index e78026978e..3f61afbe7c 100644 --- a/files/fr/web/api/htmlcanvaselement/getcontext/index.md +++ b/files/fr/web/api/htmlcanvaselement/getcontext/index.md @@ -42,18 +42,18 @@ La méthode **`HTMLCanvasElement.getContext()`** retourne un contexte de dess attributs de contexte 2d : - - **`alpha `**: booléen indiquant que le canevas contient un canal alpha. Si positionné à  `false`, le navigateur saura ainsi que l'arrière-plan est toujours opaque, ce qui peut alors accélérer le dessin de contenus et d'images transparents. - - {{non-standard_inline}} (Gecko seulement) **`willReadFrequently `**: booléen indiquant si de nombreuses opérations de relecture sont prévues ou non. Cela forcera l'utilisation d'un canevas 2D logiciel (au lieu d'un canevas accéléré matériellement) et peut faire économiser de la mémoire lors d'appels fréquents à  {{domxref("CanvasRenderingContext2D.getImageData", "getImageData()")}}. Cette option est seulement disponible si l'indicateur `gfx.canvas.willReadFrequently.enable` est positionné à `true` (ce qui, par défaut, est seulement le cas pour B2G/Firefox OS). - - {{non-standard_inline}} (Blink seulement) **`storage `**: chaîne indiquant quel stockage est utilisé ("persistent" par défaut). + - **`alpha`** : booléen indiquant que le canevas contient un canal alpha. Si positionné à `false`, le navigateur saura ainsi que l'arrière-plan est toujours opaque, ce qui peut alors accélérer le dessin de contenus et d'images transparents. + - {{non-standard_inline}} (Gecko seulement) **`willReadFrequently`** : booléen indiquant si de nombreuses opérations de relecture sont prévues ou non. Cela forcera l'utilisation d'un canevas 2D logiciel (au lieu d'un canevas accéléré matériellement) et peut faire économiser de la mémoire lors d'appels fréquents à [`getImageData()`](/fr/docs/Web/API/CanvasRenderingContext2D/getImageData). Cette option est seulement disponible si l'indicateur `gfx.canvas.willReadFrequently.enable` est positionné à `true` (ce qui, par défaut, est seulement le cas pour B2G/Firefox OS). + - {{non-standard_inline}} (Blink seulement) **`storage`** : chaîne indiquant quel stockage est utilisé (`persistent` par défaut). attributs de contexte WebGL : - - **`alpha `**: booléen indiquant que le canevas contient un tampon alpha. - - **`depth `**: booléen indiquant que le tampon de dessin a un tampon de profondeur d'au moins 16 bits. - - **`stencil `**: booléen indiquant que le tampon de dessin a un tampon stencil d'au moins 8 bits. - - **`antialias `**: booléen indiquant si un anti-aliasing doit être effectué ou non. - - **`premultipliedAlpha `**: booléen indiquant que le composeur de page supposera que le tampon de dessin contient des couleurs avec alpha pré-multiplié. - - **`preserveDrawingBuffer `**: si la valeur est is true, les tampons ne seront pas effacés et conserveront leurs valeurs jusqu'à ce qu'elles soient effacées ou réécrites par l'auteur. + - **`alpha`** : booléen indiquant que le canevas contient un tampon alpha. + - **`depth`** : booléen indiquant que le tampon de dessin a un tampon de profondeur d'au moins 16 bits. + - **`stencil`** : booléen indiquant que le tampon de dessin a un tampon stencil d'au moins 8 bits. + - **`antialias`** : booléen indiquant si un anti-aliasing doit être effectué ou non. + - **`premultipliedAlpha`** : booléen indiquant que le composeur de page supposera que le tampon de dessin contient des couleurs avec alpha pré-multiplié. + - **`preserveDrawingBuffer`** : si la valeur est `true`, les tampons ne seront pas effacés et conserveront leurs valeurs jusqu'à ce qu'elles soient effacées ou réécrites par l'auteur. - **`failIfMajorPerformanceCaveat`** : booléen indiquant qu'un contexte sera créé si la performance du système est faible. ### Valeur retournée : diff --git a/files/fr/web/api/htmlcollection/index.md b/files/fr/web/api/htmlcollection/index.md index 4af0c097bb..94d2f75eba 100644 --- a/files/fr/web/api/htmlcollection/index.md +++ b/files/fr/web/api/htmlcollection/index.md @@ -31,7 +31,7 @@ Une HTMLCollection dans le DOM HTML est automatiquement mise à jour quand le do `HTMLCollection` expose aussi directement ses membres comme propriétés, par nom et par index. Les ID HTML peuvent contenir : et . comme caractères valides, ce qui nécessite d'utiliser la notation entre crochets pour accèder aux propriétés. Actuellement, HTMLCollections ne reconnait pas purement les ID numériques, ce qui provoquerait des conflits avec l'accès de "array-style" , bien qu'HTML5 le permette. -Par exemple, en supposant qu'il y ait un élément `<form>` _(formulaire)_ dans le document et que son `id` soit `"myForm" `: +Par exemple, en supposant qu'il y ait un élément `<form>` _(formulaire)_ dans le document et que son `id` soit `"myForm"` : ```html var elem1, elem2; diff --git a/files/fr/web/api/htmlelement/animationstart_event/index.md b/files/fr/web/api/htmlelement/animationstart_event/index.md index 84d56e0b9a..0d45fc159e 100644 --- a/files/fr/web/api/htmlelement/animationstart_event/index.md +++ b/files/fr/web/api/htmlelement/animationstart_event/index.md @@ -4,7 +4,7 @@ slug: Web/API/HTMLElement/animationstart_event translation_of: Web/API/HTMLElement/animationstart_event original_slug: Web/Events/animationstart --- -L'événement **`animationstart `**`est déclenché quand une animation CSS a commencé. Si animation-delay est défini alors le déclenchement se fera une fois le delai expiré. Un délai négatif causera un déclenchement de l'événement avec un `_elapsedTime_ équivalent à la valeur absolue du délai. +L'évènement **`animationstart`** est déclenché quand une animation CSS a commencé. Si `animation-delay` est défini alors le déclenchement se fera une fois le délai expiré. Un délai négatif causera un déclenchement de l'évènement avec un `elapsedTime` équivalent à la valeur absolue du délai. ## Informations générales diff --git a/files/fr/web/api/htmlelement/change_event/index.md b/files/fr/web/api/htmlelement/change_event/index.md index ca287d947d..a3bd13be95 100644 --- a/files/fr/web/api/htmlelement/change_event/index.md +++ b/files/fr/web/api/htmlelement/change_event/index.md @@ -44,7 +44,7 @@ Les différents navigateurs ne sont pas toujours d'accord sur le fait que l'évà ### L'élément \<select> -Le code suivant gère l'événement **change** sur {{HTMLElement("select")}} en appellant la fonction `changeEventHandler() `dans` l'attribut onchange. Il lit la valeur de la cible de l'événement et la montre dans une alerte.` +Le code suivant gère l'évènement **change** sur [`<select>`](/fr/docs/Web/HTML/Element/select) en appelant la fonction `changeEventHandler()` dans l'attribut `onchange`. Il lit la valeur de la cible de l'évènement et la montre dans une alerte. #### HTML diff --git a/files/fr/web/api/htmlelement/contenteditable/index.md b/files/fr/web/api/htmlelement/contenteditable/index.md index d7115157a2..e90cf402d7 100644 --- a/files/fr/web/api/htmlelement/contenteditable/index.md +++ b/files/fr/web/api/htmlelement/contenteditable/index.md @@ -11,7 +11,7 @@ translation_of: Web/API/HTMLElement/contentEditable --- {{APIRef("HTML DOM")}} -`La propriété `**`HTMLElement.contentEditable`** est utilisée pour indiquer si un élément HTML est ou non éditable. Cet attribut peut avoir 3 valeurs : +La propriété **`HTMLElement.contentEditable`** est utilisée pour indiquer si un élément HTML est ou non éditable. Cet attribut peut avoir 3 valeurs : - `"true"` _(vrai)_ indique que l'élément est éditable. - `"false"` _(faux)_ indique que l'élément ne sera pas éditable. diff --git a/files/fr/web/api/htmlelement/iscontenteditable/index.md b/files/fr/web/api/htmlelement/iscontenteditable/index.md index f558a3446b..65b63c9c97 100644 --- a/files/fr/web/api/htmlelement/iscontenteditable/index.md +++ b/files/fr/web/api/htmlelement/iscontenteditable/index.md @@ -5,7 +5,7 @@ translation_of: Web/API/HTMLElement/isContentEditable --- {{ APIRef("HTML DOM") }} -La propriété en lecture seule **`HTMLElement.isContentEditable`** renvoie un {{jsxref("Boolean")}} qui est `true `_(vrai)_ si le contenu de l'élément est éditable ; sinon elle renvoie `false`_(faux)_. +La propriété en lecture seule **`HTMLElement.isContentEditable`** renvoie un booléen qui est `true` _(vrai)_ si le contenu de l'élément est éditable ; sinon elle renvoie `false` _(faux)_. ## Syntaxe diff --git a/files/fr/web/api/htmlvideoelement/index.md b/files/fr/web/api/htmlvideoelement/index.md index 874ee77862..b486be7685 100644 --- a/files/fr/web/api/htmlvideoelement/index.md +++ b/files/fr/web/api/htmlvideoelement/index.md @@ -12,7 +12,7 @@ translation_of: Web/API/HTMLVideoElement --- {{APIRef("HTML DOM")}} -**`L’interface HTMLVideoElement` **fournit des propriétés et des méthodes spéciales pour manipuler des objets vidéo. Il hérite également des propriétés et des méthodes de {{domxref("HTMLMediaElement")}} et de {{domxref("HTMLElement")}}. +L'interface **`HTMLVideoElement`** fournit des propriétés et des méthodes spéciales pour manipuler des objets vidéo. Elle hérite également des propriétés et des méthodes de [`HTMLMediaElement`](/fr/docs/Web/API/HTMLMediaElement) et de [`HTMLElement`](/fr/docs/Web/API/HTMLElement). La liste des [formats multimédias pris en charge](/fr/docs/Web/Media/Formats) varie d’un navigateur à l’autre. Vous pouvez fournir votre vidéo dans un format unique que tous les navigateurs pertinents prennent en charge, ou fournir plusieurs sources vidéo dans des formats suffisamment différents couverts par les différents navigateurs que vous ciblez. diff --git a/files/fr/web/api/idbindex/getkey/index.md b/files/fr/web/api/idbindex/getkey/index.md index b64e69aaff..0ca4b1cc15 100644 --- a/files/fr/web/api/idbindex/getkey/index.md +++ b/files/fr/web/api/idbindex/getkey/index.md @@ -73,7 +73,7 @@ Dans l'exemple qui suit, on ouvre une transaction et un magasin d'objets. Ensuit `myIndex.getKey('Bungle')` est ensuite utilisé afin d'obtenir la clé primaire de l'enregistrement pour lequel `lName` vaut `Bungle`. Le résultat de cette requête est imprimé dans la console lorsque la fonction de rappel (_callback_) de succès est déclenché. -Enfin, on parcourt les enregistrements pour remplir un tableau HTML. Le dépôt [IDBIndex-example ](https://github.com/mdn/IDBIndex-example)contient un exemple complet ([ainsi qu'une démonstration](https://mdn.github.io/IDBIndex-example/)). +Enfin, on parcourt les enregistrements pour remplir un tableau HTML. Le dépôt [`indexeddb-examples`](https://github.com/mdn/IDBIndex-example) contient un exemple complet ([voir l'exemple en direct](https://mdn.github.io/indexeddb-examples/idbindex/)). ```js function displayDataByIndex() { diff --git a/files/fr/web/api/idbobjectstore/get/index.md b/files/fr/web/api/idbobjectstore/get/index.md index 0432355d73..14fed16a99 100644 --- a/files/fr/web/api/idbobjectstore/get/index.md +++ b/files/fr/web/api/idbobjectstore/get/index.md @@ -40,7 +40,7 @@ var request = objectStore.get(cle); Dans le code suivant , on ouvre une {{domxref("IDBTransaction","transaction")}} sur la {{domxref("IDBDatabase","connexion")}} à la base de données, pour avoir l'{{domxref("IDBObjectStore","accès")}} au magasin d'objet dans lequel on veut retrouver la valeur d'un enregistrement. -La méthode **`get() `**sert à retrouver la valeur de l'enregistrement dont la clé est `Walk dog` dans magasin d'objets _`toDoList`_ +La méthode **`get()`** sert à retrouver la valeur de l'enregistrement dont la clé est `Walk dog` dans le magasin d'objets _`toDoList`_. ```js // ouvre la connexion à la base de données diff --git a/files/fr/web/api/idbopendbrequest/index.md b/files/fr/web/api/idbopendbrequest/index.md index 8cdf9c4579..303e640f91 100644 --- a/files/fr/web/api/idbopendbrequest/index.md +++ b/files/fr/web/api/idbopendbrequest/index.md @@ -26,7 +26,7 @@ _Hérite des méthodes de ses parents {{domxref("IDBRequest")}} et {{domxref( ### Évènements - {{domxref("IDBOpenDBRequest.onblocked")}} - - : Le gestionnaire d'événements pour événement bloqué . Cet événement est lancé lorsqu' un événement  `upgradeneeded `doit être déclenché en raison d'un changement de version, mais que la base de données est toujours en cours d'utilisation (c'est-à -dire, non fermée) quelque part, même après l'envoi de l'évènement `versionchange` . + - : Le gestionnaire d'évènements pour l'évènement bloqué. Cet évènement est lancé lorsqu'un évènement `upgradeneeded` doit être déclenché en raison d'un changement de version, mais que la base de données est toujours en cours d'utilisation (c'est-à -dire, non fermée) quelque part, même après l'envoi de l'évènement `versionchange`. - {{domxref("IDBOpenDBRequest.onupgradeneeded")}} - : Le gestionnaire d'évènement pour évènement `upgradeneeded` _(mise-à -jour nécessaire)_, lancé quand une base de données d'une version supérieure à celle de la base de données existante est chargé. diff --git a/files/fr/web/api/idbrequest/error/index.md b/files/fr/web/api/idbrequest/error/index.md index 95598e8927..5377fc62db 100644 --- a/files/fr/web/api/idbrequest/error/index.md +++ b/files/fr/web/api/idbrequest/error/index.md @@ -33,7 +33,7 @@ Une erreur {{domxref("DOMError")}} qui contient l'erreur pertinente. Pour Chrome | `NoError` | Valeur utilisée lorsque la requête est réussie. | | `VersionError` | Erreur obtenue lorsqu'on essaye d'ouvrir une base de données avec une version inférieure à celle dont elle dispose déjà . | -En plus des codes d'erreur envoyés à l'objet {{domxref("IDBRequest")}}, les opérations asynchrones peuvent également déclencher des exceptions. La liste décrit les problèmes qui peuvent se produire lorsque la requête est en cours d'exécution mais d'autres problèmes peuvent apparaître lors de la construction de la requête. Ainsi, si la requête a échoué et que le résultat n'est pas disponible, l'exception `InvalidStateError `sera levée. +En plus des codes d'erreur envoyés à l'objet [`IDBRequest`](/fr/docs/Web/API/IDBRequest), les opérations asynchrones peuvent également déclencher des exceptions. La liste décrit les problèmes qui peuvent se produire lorsque la requête est en cours d'exécution mais d'autres problèmes peuvent apparaître lors de la construction de la requête. Ainsi, si la requête a échoué et que le résultat n'est pas disponible, l'exception `InvalidStateError` sera levée. ## Exemples diff --git a/files/fr/web/api/indexeddb_api/browser_storage_limits_and_eviction_criteria/index.md b/files/fr/web/api/indexeddb_api/browser_storage_limits_and_eviction_criteria/index.md index a62bf19d37..025ba060ba 100644 --- a/files/fr/web/api/indexeddb_api/browser_storage_limits_and_eviction_criteria/index.md +++ b/files/fr/web/api/indexeddb_api/browser_storage_limits_and_eviction_criteria/index.md @@ -108,5 +108,5 @@ Dans Chrome / Opera, l'API " Quota Management" gère les quotas pour [AppCache]( ## Voir aussi -- [Working with quota on mobile browsers](http://www.html5rocks.com/en/tutorials/offline/quota-research/), de[ Eiji Kitamura.](http://blog.agektmr.com) Une analyse détaillée du stockage côté client sur les navigateurs mobiles. -- [Quota Management API : Fast Facts](https://developers.google.com/web/updates/2011/11/Quota-Management-API-Fast-Facts), de[ Eiji Kitamura.](http://blog.agektmr.com) Un regard sur l'API Quota Management dans Chrome / Blink (qui devrait également inclure Opera aussi.) +- [Gérer des quotas sur les navigateurs mobiles (en anglais)](https://www.html5rocks.com/en/tutorials/offline/quota-research/), de [Eiji Kitamura](https://blog.agektmr.com). Une analyse détaillée du stockage côté client sur les navigateurs mobiles. +- [Stockage de données web (en anglais)](https://web.dev/storage-for-the-web/) (<https://web.dev/>) diff --git a/files/fr/web/api/indexeddb_api/index.md b/files/fr/web/api/indexeddb_api/index.md index bad7ab954f..3a800fd428 100644 --- a/files/fr/web/api/indexeddb_api/index.md +++ b/files/fr/web/api/indexeddb_api/index.md @@ -34,7 +34,7 @@ Les opérations effectuées par IndexedDB sont réalisées de manière asynchron ### Limites de stockage et critères d'éviction -Il y a un certain nombre de technologies web pour stocker différents types de données côté client (par exemple sur votre disque local). IndexedDB est la plus couramment citée. Le processus par lequel le navigateur calcule combien d'espace il doit allouer aux données web, et ce qu'il doit supprimer quand la limite est atteinte, n'est pas simple et varie entre les différents navigateurs.[ L'article "limites de stockage des navigateurs et critères d'éviction"](/fr/docs/IndexedDB/Browser_storage_limits_and_eviction_criteria) tente d'expliquer ce fonctionnement, au moins pour le cas de Firefox. +Il y a un certain nombre de technologies web pour stocker différents types de données côté client (par exemple, sur votre disque local). IndexedDB est la plus couramment citée. Le processus par lequel le navigateur calcule combien d'espace il doit allouer aux données web, et ce qu'il doit supprimer quand la limite est atteinte, n'est pas simple et varie entre les différents navigateurs. L'article [Limites de stockage du navigateur et critères d'éviction](/fr/docs/Web/API/IndexedDB_API/Browser_storage_limits_and_eviction_criteria) tente d'expliquer ce fonctionnement, au moins pour le cas de Firefox. ## Interfaces @@ -117,7 +117,7 @@ Une précedente version des spécifications a défini ces interfaces, désormais - [localForage](https://localforage.github.io/localForage/): Un _Polyfill_ fournissant une syntaxe clé-valeurs simple pour un stockage côté client; il utilise IndexedDB en arrière plan, mais se retourne d'abord sur WebSQL puis sur localStorage pour les navigateurs qui ne supportent pas IndexedDB. - [dexie.js](http://www.dexie.org/) : Un _wrapper_ pour IndexedDB qui permet un développement plus rapide avec une syntaxe simple. -- [ZangoDB ](https://github.com/erikolson186/zangodb): Une interface MongoDB-like pour indexedDB qui prend en charge la plupart des fonctionnalités familières de filtrage, projection, tri, mise à jour et agrégation de MongoDB. -- [JsStore ](http://jsstore.net/): Un contenu indexedDB avec SQL comme syntaxe. +- [ZangoDB](https://github.com/erikolson186/zangodb) : Une interface comme MongoDB pour IndexedDB qui prend en charge la plupart des fonctionnalités familières de filtrage, projection, tri, mise à jour et agrégation de MongoDB. +- [JsStore](https://jsstore.net/) : Un contenu IndexedDB avec SQL comme syntaxe. - [MiniMongo](https://github.com/mWater/minimongo) - [PouchDB](https://pouchdb.com) diff --git a/files/fr/web/api/indexeddb_api/using_indexeddb/index.md b/files/fr/web/api/indexeddb_api/using_indexeddb/index.md index c51576ca60..c7f9494867 100644 --- a/files/fr/web/api/indexeddb_api/using_indexeddb/index.md +++ b/files/fr/web/api/indexeddb_api/using_indexeddb/index.md @@ -213,7 +213,7 @@ Comme indiqué précédemment, `onupgradeneeded` est le seul endroit où vous po Les objets de stockage sont créés avec un simple appel à `createObjectStore()`. La méthode prend le nom du stockage et un paramètre de type objet. Même si les paramètres sont optionnels, ils vous laissent définir d'importantes propriétés et redéfinir le type d'un objet de stockage que vous voulez créer. Dans notre cas, nous avons demandé un objet de stockage nommé "customers" et défini un `keyPath`, qui est la propriété rendant unique un objet individuel dans le stockage. Cette propriété dans l'exemple est "ssn" puisqu'un numéro de sécurité sociale est garanti unique. "ssn" doit être présent sur chaque objet stocké dans `objectStore`. -Nous avons aussi demandé un index nommé "name" qui examine la propriété `name` dans les objets stockés. Comme avec` createObjectStore()`, `createIndex()` prend un paramètre de type objet facultatif (`options`) qui définit le type d’index à créer. Ajouter des objets qui n’auront pas de propriété `name` fonctionnera, mais ces objets n'apparaîtront pas dans l'index "name". +Nous avons aussi demandé un index nommé « <i lang="en">name</i> » qui examine la propriété `name` dans les objets stockés. Comme avec `createObjectStore()`, `createIndex()` prend un paramètre de type objet facultatif (`options`) qui définit le type d'index à créer. Ajouter des objets qui n'auront pas de propriété `name` fonctionnera, mais ces objets n'apparaîtront pas dans l'index « <i lang="en">name</i> ». Nous pouvons récupérer les objets client stockés, en utilisant directement leur `ssn` dans l'objet de stockage, ou en utilisant leur nom via l’index `name`. Pour en savoir plus sur ce fonctionnement, se référer à la section [utiliser un index](/en/IndexedDB/Using_IndexedDB#Using_an_index). @@ -1325,7 +1325,7 @@ Tutoriels : Bibliothèques : -- [localForage ](http://mozilla.github.io/localForage/): Un Polyfill qui fournit un nom simple : la syntaxe de valeur pour le stockage de données côté client, qui utilise IndexedDB en arrière-plan, mais retourne à WebSQL puis à localStorage pour les navigateurs qui ne prennent pas en charge IndexedDB. -- [dexie.js ](http://www.dexie.org/): Une enveloppe pour IndexedDB qui permet un développement de code beaucoup plus rapide grâce à une syntaxe simple et agréable. -- [ZangoDB ](https://github.com/erikolson186/zangodb): Un MongoDB-like interface pour IndexedDB qui prend en charge la plupart des fonctionnalités familières de filtrage, projection, tri, mise à jour et agrégation de MongoDB. +- [localForage](https://localforage.github.io/localForage/) : un polyfill qui fournit un nom simple — la syntaxe de valeur pour le stockage de données côté client, qui utilise IndexedDB en arrière-plan, mais retourne à WebSQL puis à localStorage pour les navigateurs qui ne prennent pas en charge IndexedDB. +- [dexie.js](https://www.dexie.org/) : une enveloppe pour IndexedDB qui permet un développement de code beaucoup plus rapide grâce à une syntaxe simple et agréable. +- [ZangoDB](https://github.com/erikolson186/zangodb) : une interface comme MongoDB pour IndexedDB qui prend en charge la plupart des fonctionnalités familières de filtrage, projection, tri, mise à jour et agrégation de MongoDB. - [JsStore](http://jsstore.net/) : Une enveloppe d'IndexedDB simple et avancée ayant une syntaxe SQL. diff --git a/files/fr/web/api/keyboardevent/key/key_values/index.md b/files/fr/web/api/keyboardevent/key/key_values/index.md index 698693c80f..2fb66f3c41 100644 --- a/files/fr/web/api/keyboardevent/key/key_values/index.md +++ b/files/fr/web/api/keyboardevent/key/key_values/index.md @@ -7,7 +7,7 @@ Les tableaux ci-dessous énumèrent les valeurs clés standard dans différentes Apprenez à utiliser ces valeurs clés en JavaScript en utilisant [KeyboardEvent.key](/fr/docs/Web/API/KeyboardEvent/key) -[Special Values ](#Special_values)| [Modifier Keys](#Modifier_keys) | [Whitespace Keys](#Whitespace_keys) | [Navigation Keys](#Navigation_keys) | [Editing Keys](#Editing_keys) | [UI Keys](#UI_keys) | [Device Keys](#Device_keys) | [IME and Composition Keys](#IME_and_composition_keys) | [Function Keys](#Function_keys) | [Phone Keys](#Phone_keys) | [Multimedia Keys](#Multimedia_keys) | [Audio Control Keys](#Audio_control_keys) | [TV Control Keys](#TV_control_keys) | [Media Controller Keys](#Media_controller_keys) | [Speech Recognition Keys](#Speech_recognition_keys) | [Document Keys](#Document_keys) | [Application Selector Keys](#Application_selector_keys) | [Browser Control Keys](#Browser_control_keys) | [Numeric Keypad Keys](#Numeric_keypad_keys) +[Valeurs spéciales](#valeurs_spéciales) | [Modifier Keys](#modifier_keys) | [Whitespace Keys](#whitespace_keys) | [Navigation Keys](#navigation_keys) | [Editing Keys](#editing_keys) | [UI Keys](#ui_keys) | [Device Keys](#device_keys) | [IME and Composition Keys](#ime_and_composition_keys) | [Function Keys](#function_keys) | [Phone Keys](#phone_keys) | [Multimedia Keys](#multimedia_keys) | [Audio Control Keys](#audio_control_keys) | [TV Control Keys](#tv_control_keys) | [Media Controller Keys](#media_controller_keys) | [Speech Recognition Keys](#speech_recognition_keys) | [Document Keys](#document_keys) | [Application Selector Keys](#application_selector_keys) | [Browser Control Keys](#browser_control_keys) | [Numeric Keypad Keys](#numeric_keypad_keys) ## Valeurs spéciales diff --git a/files/fr/web/api/media_streams_api/index.md b/files/fr/web/api/media_streams_api/index.md index 84162a9f77..7f47eda94d 100644 --- a/files/fr/web/api/media_streams_api/index.md +++ b/files/fr/web/api/media_streams_api/index.md @@ -19,7 +19,9 @@ L'API est basée sur la manipulation de l'objet {{domxref("MediaStream")}} reprà Un {{domxref("MediaStream")}} consiste en zéro ou plus objets {{domxref("MediaStreamTrack")}}, représentant différentes **pistes** audio ou vidéos. Chaque {{domxref("MediaStreamTrack")}} peut avoir un ou plusieurs **canal**. Le canal représente la plus petite unité d'un flux média, tel un signal audio d'un haut-parleur, séparé en _gauche_ et _droite_ sur une piste audio en stéréo. -`Les objets `{{domxref("MediaStream")}} ont une seule **entrée** et une seule **sortie**. Un objet {{domxref("MediaStream")}} généré par [getUserMedia()](/en-US/docs/WebRTC/navigator.getUserMedia) est dit _local_, et sa source d'entrée provient de l'une des caméra ou microphone de l'utilisateur. Un objet {{domxref("MediaStream")}} non local peut représenter un média tel que {{HTMLElement("video")}} ou {{HTMLElement("audio")}}, un flux provenant du réseau et obtenu via l'API WebRTC [PeerConnection](/en-US/docs/WebRTC/PeerConnection_API), ou un flux créé en utilisant l'API [Web Audio](/en-US/docs/Web_Audio_API) {{domxref("MediaStreamAudioSourceNode")}}. La sortie d'un objet {{domxref("MediaStream")}} est liée à un **consommateur**. Elle peut-être un élément média tel que {{HTMLElement("audio")}} ou {{HTMLElement("video")}}, l'API WebRTC [PeerConnection](/en-US/docs/WebRTC/PeerConnection_API) ou l'[API Web Audio](/en-US/docs/Web_Audio_API) {{domxref("MediaStreamAudioDestinationNode")}}. +Les objets [`MediaStream`](/fr/docs/Web/API/MediaStream) ont une seule **entrée** et une seule **sortie**. Un objet [`MediaStream`](/fr/docs/Web/API/MediaStream) généré par [getUserMedia()](/fr/docs/Web/API/MediaDevices/getUserMedia) est dit _local_, et sa source d'entrée provient de l'une des caméras ou des microphones de l'utilisatrice ou l'utilisateur. Un objet [`MediaStream`](/fr/docs/Web/API/MediaStream) non local peut représenter un média tel que [`<video>`](/fr/docs/Web/HTML/Element/video) ou [`<audio>`](/fr/docs/Web/HTML/Element/audio), un flux provenant du réseau et obtenu via l'API WebRTC [<i lang="en">RTCPeerConnection</i>](/fr/docs/Web/API/RTCPeerConnection), ou un flux créé en utilisant l'[API <i lang="en">Web Audio</i>](/fr/docs/Web/API/Web_Audio_API) [`MediaStreamAudioDestinationNode`](/fr/docs/Web/API/MediaStreamAudioDestinationNode). + +La sortie d'un objet [`MediaStream`](/fr/docs/Web/API/MediaStream) est liée à un **consommateur**. Elle peut être un élément média tel que [`<audio>`](/fr/docs/Web/HTML/Element/audio) ou [`<video>`](/fr/docs/Web/HTML/Element/video), l'API WebRTC [<i lang="en">RTCPeerConnection</i>](/fr/docs/Web/API/RTCPeerConnection) ou l'[API <i lang="en">Web Audio</i>](/fr/docs/Web/API/Web_Audio_API) [`MediaStreamAudioDestinationNode`](/fr/docs/Web/API/MediaStreamAudioDestinationNode). ## Interfaces diff --git a/files/fr/web/api/mediastreamevent/index.md b/files/fr/web/api/mediastreamevent/index.md index cf518b9dea..6feb0fa3d7 100644 --- a/files/fr/web/api/mediastreamevent/index.md +++ b/files/fr/web/api/mediastreamevent/index.md @@ -29,7 +29,7 @@ _Un {{domxref("MediaStreamEvent")}} étant un {{domxref("Event")}}, cet événem ## Méthodes -_Un {{domxref("MediaStreamEvent")}} étant un {{domxref("Event")}}, cet événement implémente également ces propriétés_. _Il n'y a pas de méthode _{{domxref("MediaStreamEvent")}}_ spécifique._ +Un **`MediaStreamEvent`** étant un [`Event`](/fr/docs/Web/API/Event), cet évènement implémente également ces propriétés. Il n'y a pas de méthode **`MediaStreamEvent`** spécifique. ## Exemples diff --git a/files/fr/web/api/node/insertbefore/index.md b/files/fr/web/api/node/insertbefore/index.md index 55abf106dd..a04b17248d 100644 --- a/files/fr/web/api/node/insertbefore/index.md +++ b/files/fr/web/api/node/insertbefore/index.md @@ -91,7 +91,7 @@ parentDiv.insertBefore(sp1, sp2) </script> ``` -Il n'existe pas de méthode `insertAfter`. Il peut être émulé avec une combinaison des méthodes `insertBefore`[ ](/fr/docs/Web/API/Node/insertBefore)et [`nextSibling`](/fr/docs/Web/API/Node/nextSibling). +Il n'existe pas de méthode `insertAfter()`. Il peut être émulé avec une combinaison des méthodes `insertBefore()` et [`Node.nextSibling`](/fr/docs/Web/API/Node/nextSibling). Dans l'exemple ci-dessus, `sp1` pourrait être inséré après `sp2` en utilisant : diff --git a/files/fr/web/api/node/parentnode/index.md b/files/fr/web/api/node/parentnode/index.md index 4d0098e855..d4de4fde06 100644 --- a/files/fr/web/api/node/parentnode/index.md +++ b/files/fr/web/api/node/parentnode/index.md @@ -31,7 +31,7 @@ if (node.parentNode) { ## Notes -Les [noeuds ](/en-US/docs/DOM/Node.nodeType)`Document` et `DocumentFragment` ne peuvent jamais avoir de parent, alors `parentNode` retournera toujours `null`. +Les [nœuds](/fr/docs/Web/API/Node/nodeType) `Document` et `DocumentFragment` ne peuvent jamais avoir de parent, alors `parentNode` retournera toujours `null`. Il renvoie également `null` si le nœud vient d'être créé et n'est pas encore attaché à l'arbre. diff --git a/files/fr/web/api/node/removechild/index.md b/files/fr/web/api/node/removechild/index.md index 727ad635d9..d5835511c4 100644 --- a/files/fr/web/api/node/removechild/index.md +++ b/files/fr/web/api/node/removechild/index.md @@ -21,14 +21,14 @@ La méthode **`Node.removeChild()`** retire un nœud enfant de l'arbre DOM et r node.removeChild(child); - `child` est le nœud enfant à retirer du DOM. -- `node `est le nœud parent de `child`. +- `node` est le nœud parent de `child`. - `oldchild` conserve une référence au nœud enfant retiré. `oldchild` === `child`. Le nœud enfant retiré existe toujours en mémoire, mais ne fait plus partie du DOM. Avec la première syntaxe, il est possible de réutiliser ultérieurement dans le code le nœud retiré, à l'aide de la référence à l'objet `ancienEnfant`_._ Avec la seconde forme montrée en exemple, aucune référence à l'objet `ancienEnfant` n'est conservée ; ainsi, en supposant que votre code n'a conservé nulle part ailleurs cette référence à ce nœud, il devient immédiatement inutilisable et irrécupérable, et sera en général [automatiquement supprimé](/fr/docs/Web/JavaScript/Gestion_de_la_m%C3%A9moire) de la mémoire après un court moment. -Si `child` n'est pas un enfant du noeud `element`, la méthode provoque une exception. Une exception sera aussi lancée dans la cas où le nœud `enfant `est bien un enfant du nœud `element `au moment de l'appel à la méthode, mais qu'il a été retiré par un gestionnaire d'événement invoqué dans la cadre d'une tentative de suppression du nœud `element `(comme *blur*). +Si `child` n'est pas un enfant du nœud `element`, la méthode provoque une exception. Une exception sera aussi lancée dans le cas où le nœud `child` est bien un enfant du nœud `element` au moment de l'appel à la méthode, mais qu'il a été retiré par un gestionnaire d'évènement invoqué dans la cadre d'une tentative de suppression du nœud `element` (comme `blur`). La méthode peut lever une exception de deux façons : diff --git a/files/fr/web/api/nodelist/foreach/index.md b/files/fr/web/api/nodelist/foreach/index.md index 72a8613f55..d74ee8bccb 100644 --- a/files/fr/web/api/nodelist/foreach/index.md +++ b/files/fr/web/api/nodelist/foreach/index.md @@ -1,13 +1,8 @@ --- title: NodeList.prototype.forEach() slug: Web/API/NodeList/forEach -tags: - - API - - DOM - - Liste - - Méthodes - - Noeuds translation_of: Web/API/NodeList/forEach +browser-compat: api.NodeList.forEach --- {{APIRef("DOM")}} @@ -30,7 +25,7 @@ La méthode **`forEach()`** de l'interface {{domxref("NodeList")}} appelle le ra - _`listObj`_ - : L'objet NodeList auquel `forEach()` est appliqué. -- ` thisArg`` {{Optional_inline}} ` +- `thisArg` {{Optional_inline}} - : Valeur à utiliser comme {{jsxref("this")}} lors de l'exécution du `callback` (_rappel_). ### Valeur retournée @@ -86,14 +81,11 @@ if (window.NodeList && !NodeList.prototype.forEach) { ## Spécifications -| Spécification | Statut | Commentaire | -| -------------------------------------------------------------------------------- | -------------------------------- | ---------------------------------------------------------------- | -| {{SpecName('DOM WHATWG', '#interface-nodelist', 'NodeList')}} | {{ Spec2('DOM WHATWG') }} | Définit `NodeList` comme `iterable<Node> `(_noeud itérable_) | -| {{SpecName("WebIDL", "#es-forEach", "forEach")}} | {{Spec2("WebIDL")}} | Définit `forEach` sur les déclarations `iterable` (_itératives_) | +{{Specifications}} ## Compatibilité des navigateurs -{{Compat("api.NodeList.forEach")}} +{{Compat}} ## Voir aussi diff --git a/files/fr/web/api/oscillatornode/index.md b/files/fr/web/api/oscillatornode/index.md index a539ed1eb6..976b975a28 100644 --- a/files/fr/web/api/oscillatornode/index.md +++ b/files/fr/web/api/oscillatornode/index.md @@ -44,7 +44,7 @@ _Hérite des méthodes de ses parents, {{domxref("AudioNode")}}_. ## Exemples -L'exemple suivant montre une utilisation basique d'un {{ domxref("AudioContext") }} pour créer un `OscillatorNode`. Pour un exemple appliqué, jetez un oeil à notre [Violent Theremin demo](http://mdn.github.io/violent-theremin/) (voir[ app.js](https://github.com/mdn/violent-theremin/blob/gh-pages/scripts/app.js) pour l'intégralité du code). +L'exemple suivant montre une utilisation basique d'un [`AudioContext`](/fr/docs/Web/API/AudioContext) pour créer un `OscillatorNode`. Pour un exemple appliqué, jetez un œil à notre [démo « <i lang="en">Violent Theremin</i> »](https://mdn.github.io/violent-theremin/) (voir [`app.js`](https://github.com/mdn/violent-theremin/blob/gh-pages/scripts/app.js) pour l'intégralité du code). ```js // crée un contexteaudio diff --git a/files/fr/web/api/payment_request_api/index.md b/files/fr/web/api/payment_request_api/index.md index 9f6b63c9a9..e1c2b7a15e 100644 --- a/files/fr/web/api/payment_request_api/index.md +++ b/files/fr/web/api/payment_request_api/index.md @@ -9,7 +9,7 @@ L'API *Payment Request* fournit une expérience utilisateur cohérente à la fo ## Concepts et usages de l'API _Payment Request_ -De nombreux problèmes concernant l'abandon du panier d'achat en ligne peuvent découler de formulaires de validation finale longs et difficiles à remplir, et nécessitant souvent plusieurs étapes. L'**API _Payment Request_ **a pour vocation de réduire le nombre d'étapes nécessaires pour terminer un paiement en ligne, faisant potentiellement ainsi diparaître les formulaires de validation finale. Elle vise à rendre le processus de validation final plus facile en conservant les informations de l'utilisateur, qui sont transmises au marchant sans nécessiter de formulaire HTML. +De nombreux problèmes concernant l'abandon du panier d'achat en ligne peuvent découler de formulaires de validation finale longs et difficiles à remplir, et nécessitant souvent plusieurs étapes. L'**API <i lang="en">Payment Request</i>** a pour vocation de réduire le nombre d'étapes nécessaires pour terminer un paiement en ligne, faisant potentiellement ainsi disparaître les formulaires de validation finale. Elle vise à rendre le processus de validation final plus facile en conservant les informations de l'utilisatrice ou l'utilisateur, qui sont transmises au marchand sans nécessiter de formulaire HTML. Les avantages de l'utilisation de l'API *Payment Request* avec des règlements par cartes ("basic-card") : diff --git a/files/fr/web/api/performance/now/index.md b/files/fr/web/api/performance/now/index.md index 86f039c2ca..1043e46f10 100644 --- a/files/fr/web/api/performance/now/index.md +++ b/files/fr/web/api/performance/now/index.md @@ -44,7 +44,7 @@ La précision de la valeur retournée est susceptible de changer si/quand les pr Contrairement aux autres données de temps disponibles en JavaScript (par exemple [`Date.now`](/fr/docs/Web/JavaScript/Reference/Global_Objects/Date/now)), les horodatages retournés par `Performance.now()` ne sont pas limités à une précision d'une milliseconde. Au contraire, ils représentent les temps comme des nombres flottants avec une précision pouvant aller jusqu'à une microseconde. -Également contrairement à `Date.now()`, les valeurs retournées par `Performance.now() `sont toujours incrémentées à un taux constant, indépendant de l'horloge du système (qui peut être ajustée manuellement ou par l'intermédiaire d'un logiciel comme NTP). Sinon, `performance.timing.navigationStart + performance.now()` serait approximativement égal à `Date.now().` +Également contrairement à `Date.now()`, les valeurs retournées par `Performance.now()` sont toujours incrémentées à un taux constant, indépendant de l'horloge du système (qui peut être ajustée manuellement ou par l'intermédiaire d'un logiciel comme NTP). Sinon, `performance.timing.navigationStart + performance.now()` serait approximativement égal à `Date.now()`. ## Précision réduite du temps diff --git a/files/fr/web/api/performanceobserver/takerecords/index.md b/files/fr/web/api/performanceobserver/takerecords/index.md index 76437f10e7..4599d5d78c 100644 --- a/files/fr/web/api/performanceobserver/takerecords/index.md +++ b/files/fr/web/api/performanceobserver/takerecords/index.md @@ -14,7 +14,7 @@ translation_of: Web/API/PerformanceObserver/disconnect --- {{APIRef("Performance Timeline API")}} -La méthode **`takeRecords()`** de l'interface [`PerformanceObserver` renvoie la liste actuelle des ](/fr/docs/Web/API/PerformanceObserver)[entrées de performance](/fr/docs/Web/API/PerformanceEntry) stockées dans l'observateur de performance, en la vidant. +La méthode **`takeRecords()`** de l'interface [`PerformanceObserver`](/fr/docs/Web/API/PerformanceObserver) renvoie la liste actuelle des [entrées de performance](/fr/docs/Web/API/PerformanceEntry) stockées dans l'observateur de performance, en la vidant. ## Syntaxe diff --git a/files/fr/web/api/push_api/index.md b/files/fr/web/api/push_api/index.md index 2b67746c73..dc7b9d2f2c 100644 --- a/files/fr/web/api/push_api/index.md +++ b/files/fr/web/api/push_api/index.md @@ -51,7 +51,7 @@ Activer un service worker pour délivrer un message Push peut accroître l'utili ## Complément au Service worker -Les ajouts à [l'API Service Worker ](/fr/docs/Web/API/Service_Worker_API)suivants ont été spécifiés dans l'API Push, pour fournir un point d'entrée à l'utilisation de messages Push pour surveiller et répondre aux événements de changement liés aux messages push et aux souscriptions. +Les ajouts à [l'API <i lang="en">Service Worker</i>](/fr/docs/Web/API/Service_Worker_API) suivants ont été spécifiés dans l'API <i lang="en">Push</i>, pour fournir un point d'entrée à l'utilisation de messages `Push` pour surveiller et répondre aux évènements de changement liés aux messages `Push` et aux souscriptions. - {{domxref("ServiceWorkerRegistration.pushManager")}} {{readonlyinline}} - : Retourne une référence de l'interface {{domxref("PushManager")}} pour gèrer les souscriptions push incluant la souscription, récupèrer une souscription existante, et accèder au statut des permissions push. C'est le point d'entrée dans l'utilisation de la communication push. diff --git a/files/fr/web/api/range/setstart/index.md b/files/fr/web/api/range/setstart/index.md index a6dcadd6d3..6eb71bd8ca 100644 --- a/files/fr/web/api/range/setstart/index.md +++ b/files/fr/web/api/range/setstart/index.md @@ -10,7 +10,7 @@ translation_of: Web/API/Range/setStart --- {{ApiRef("DOM")}} -La methode **`Range.setStart() `**définit la position de départ d'un {{ domxref("Range") }}. +La méthode **`Range.setStart()`** définit la position de départ d'un objet [`Range`](/fr/docs/Web/API/Range). Si le `startNode` est un {{ domxref("Node") }} de type `Text`, `Comment`, ou `CDATASection`, alors startOffset est le nombre de caractères depuis le départ du `startNode`. Pour les autres types de `Nœud`, `startOffset` est le nombre de noeuds enfants entre le debut du `startNode`. diff --git a/files/fr/web/api/response/index.md b/files/fr/web/api/response/index.md index 64c7126651..b99258638b 100644 --- a/files/fr/web/api/response/index.md +++ b/files/fr/web/api/response/index.md @@ -72,7 +72,9 @@ Par ailleurs, `Response` implémente également une propriété {{domxref("Body" ## Exemples -Dans notre [exemple basique d'utilisation de fetch ](https://github.com/mdn/fetch-examples/tree/gh-pages/basic-fetch)([exemple](http://mdn.github.io/fetch-examples/basic-fetch/)), nous utilisons un simple appel `fetch()` pour récupérer une image et l'afficher dans un tag {{htmlelement("img")}}. L'appel `fetch()` retourne une promise qui est résolue avec un objet `Response` associé à l'opération de récupération de la ressource. Vous remarquerez que puisque nous récupérons une image, nous avons besoin d'utiliser {{domxref("Body.blob")}} (disponible dans le body de la {{domxref("Response")}}) pour attribuer le bon MIME type à la réponse. +Dans notre [exemple basique d'utilisation de `fetch()`](https://github.com/mdn/fetch-examples/tree/master/basic-fetch) ([voir l'exemple en direct](https://mdn.github.io/fetch-examples/basic-fetch/)), nous utilisons un simple appel `fetch()` pour récupérer une image et l'afficher dans un élément [`<img>`](/fr/docs/Web/HTML/Element/img). L'appel `fetch()` retourne une promesse qui est résolue avec un objet `Response` associé à l'opération de récupération de la ressource. + +Vous remarquerez que puisque nous récupérons une image, nous avons besoin d'utiliser [`Response.blob`](/fr/docs/Web/API/Response/blob) pour attribuer le bon type MIME à la réponse. ```js var myImage = document.querySelector('.my-image'); diff --git a/files/fr/web/api/service_worker_api/index.md b/files/fr/web/api/service_worker_api/index.md index e09f3f205b..d8d0dc95ba 100644 --- a/files/fr/web/api/service_worker_api/index.md +++ b/files/fr/web/api/service_worker_api/index.md @@ -74,7 +74,7 @@ Les service workers sont aussi destinés à être utilisés pour des choses tell À l'avenir, les service workers seront capables de réaliser nombre d'autres tâches utiles au sein d'une plate-forme web, ce qui les rapprochera de la viabilité des applications natives. Il est intéressant de noter que d'autres spécifications peuvent ou commencent à faire usage du contexte des service workers, par exemple : - [Synchronisation en arrière-plan](https://github.com/slightlyoff/BackgroundSync) : démarrer un service worker même lorsqu'aucun utilisateur est sur le site, afin de mettre à jour les caches, etc. -- [Réagir à des messages de push ](/fr/docs/Web/API/Push_API): démarrer un service worker pour envoyer aux utilisateurs un message leur signalant qu'un nouveau contenu est disponible. +- [Réagir à des messages de `push`](/fr/docs/Web/API/Push_API) : démarrer un service worker pour envoyer aux utilisatrices et utilisateurs un message leur signalant qu'un nouveau contenu est disponible. - Réagir à une date particulière - Enregistrer une géo-localisation diff --git a/files/fr/web/api/service_worker_api/using_service_workers/index.md b/files/fr/web/api/service_worker_api/using_service_workers/index.md index 5483936537..ee19f610f3 100644 --- a/files/fr/web/api/service_worker_api/using_service_workers/index.md +++ b/files/fr/web/api/service_worker_api/using_service_workers/index.md @@ -258,7 +258,7 @@ this.addEventListener('fetch', function(event) { `caches.match(event.request)` permet de mettre en correspondance chaque ressource demandée sur le réseau avec la ressource équivalente en cache, si elle se trouve être disponible. La comparaison est effectuée via l'url et diverses en-têtes, comme habituellement avec des requêtes HTTP normales. -Voici quelques autres options disponibles pour que la magie opère (voir la [documentation de l'API Fetch ](/fr/docs/Web/API/Fetch_API)pour plus d'informations sur les objets {{domxref("Request")}} et {{domxref("Response")}}.) +Voici quelques autres options disponibles pour que la magie opère (voir la [documentation de l'API Fetch](/fr/docs/Web/API/Fetch_API) pour plus d'informations sur les objets [`Request`](/fr/docs/Web/API/Request) et [`Response`](/fr/docs/Web/API/Response)). 1. Le constructeur `{{domxref("Response.Response","Response()")}}` permet de créer une réponse personnalisée. Dans cet exemple, une chaîne de caractères est simplement retournée : diff --git a/files/fr/web/api/sharedworker/sharedworker/index.md b/files/fr/web/api/sharedworker/sharedworker/index.md index c6fb6deb85..ad9956880a 100644 --- a/files/fr/web/api/sharedworker/sharedworker/index.md +++ b/files/fr/web/api/sharedworker/sharedworker/index.md @@ -26,7 +26,7 @@ Le constructeur **`SharedWorker()`** crée un objet {{domxref("SharedWorker")}} - `type`: Une {{domxref("DOMString")}} spécifiant le type de _worker_ à créer. Les valeurs possibles sont: `classic` ou `module`. Si non spécifié, la valeur par défaut est `classic`. - `credentials`: Une {{domxref("DOMString")}} spécifiant le type de crédit à utilisé pour le _worker_. La valeur peut être _`omit`_, `same-origin` ou _`include`. Si non spécifié ou si le type est `classic`, la valeur par défaut sera `omit` (pas de crédit nécéssaire)._ - - _`name`: Une _{{domxref("DOMString")}} spécifiant un identifiant pour le {{domxref("SharedWorkerGlobalScope")}} représentant la porté du _worker_, souvent utilisé pour déboguer. + - `name` : une [`DOMString`](/fr/docs/Web/API/DOMString) spécifiant un identifiant pour le [`SharedWorkerGlobalScope`](/fr/docs/Web/API/SharedWorkerGlobalScope) représentant la portée du _worker_, souvent utilisé pour déboguer. ### Valeur retournée diff --git a/files/fr/web/api/sharedworkerglobalscope/index.md b/files/fr/web/api/sharedworkerglobalscope/index.md index fa6e1782c2..1ef16e8c20 100644 --- a/files/fr/web/api/sharedworkerglobalscope/index.md +++ b/files/fr/web/api/sharedworkerglobalscope/index.md @@ -58,7 +58,7 @@ _This interface inherits methods from the {{domxref("WorkerGlobalScope")}} inter - {{domxref("WorkerGlobalScope.dump()")}} {{non-standard_inline}} - : Allows you to write a message to stdout — i.e. in your terminal. This is the same as Firefox's {{domxref("window.dump")}}, but for workers. - {{domxref("WorkerGlobalScope.importScripts()")}} - - : Imports one or more scripts into the worker's scope. You can specify as many as you'd like, separated by commas. For example:` importScripts('foo.js', 'bar.js');` + - : Imports one or more scripts into the worker's scope. You can specify as many as you'd like, separated by commas. For example: `importScripts('foo.js', 'bar.js');` ### Implemented from other places diff --git a/files/fr/web/api/speechrecognition/index.md b/files/fr/web/api/speechrecognition/index.md index 673f035f85..6e11ac7426 100644 --- a/files/fr/web/api/speechrecognition/index.md +++ b/files/fr/web/api/speechrecognition/index.md @@ -14,7 +14,7 @@ translation_of: Web/API/SpeechRecognition ## Propriétés -_` SpeechRecognition`` `hérite également des propriétés de son interface parente, {{domxref("EventTarget")}}._ +*`SpeechRecognition` hérite également des propriétés de son interface parente, [`EventTarget`](/fr/docs/Web/API/EventTarget).* - {{domxref("SpeechRecognition.grammars")}} - : Retourne et définit une collection d'objets {{domxref("SpeechGrammar")}} représentant les grammaires qui seront comprises par `SpeechRecognition`. diff --git a/files/fr/web/api/streams_api/index.md b/files/fr/web/api/streams_api/index.md index fa6447e8af..437d2d3799 100644 --- a/files/fr/web/api/streams_api/index.md +++ b/files/fr/web/api/streams_api/index.md @@ -19,7 +19,7 @@ Avec la mise à disposition des Streams en JavaScript, tout ceci a changé — v Il y a aussi d'autres avantages — vous pouvez détecter quand un flux commence ou prend fin, chaîner les flux entre eux, traiter les erreurs et annuler les flux si nécessaire et vous adapter à la vitesse de lecture du flux. -L'usage basique des Streams s'articule autour de la mise à disposition des réponses sous forme de flux. Par exemple, la réponse {{domxref("Body")}} retourné par une requête [fetch ](/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch)réussie peut être exposée en tant que {{domxref("ReadableStream")}}, vous pourrez ainsi le lire en utilisant un lecteur créé par {{domxref("ReadableStream.getReader()")}}, l'annuler avec {{domxref("ReadableStream.cancel()")}}, etc. +L'usage basique des <i lang="en">Streams</i> s'articule autour de la mise à disposition des réponses sous forme de flux. Par exemple, le corps de réponse retourné par une [requête `fetch`](/fr/docs/Web/API/fetch) réussie peut être exposé en tant que [`ReadableStream`](/fr/docs/Web/API/ReadableStream) — vous pourrez ainsi le lire en utilisant un lecteur créé par [`ReadableStream.getReader()`](/fr/docs/Web/API/ReadableStream/getReader), l'annuler avec [`ReadableStream.cancel()`](/fr/docs/Web/API/ReadableStream/cancel), etc. Un usage plus avancé consiste à créer son propre flux en utilisant le constructeur {{domxref("ReadableStream.ReadableStream", "ReadableStream()")}}, pour traiter par exemple les données à l'intérieur d'un [service worker](/docs/Web/API/Service_Worker_API). diff --git a/files/fr/web/api/svgaelement/index.md b/files/fr/web/api/svgaelement/index.md index 0fef475268..3a20d1881a 100644 --- a/files/fr/web/api/svgaelement/index.md +++ b/files/fr/web/api/svgaelement/index.md @@ -11,7 +11,7 @@ translation_of: Web/API/SVGAElement --- ## SVG a DOM interface -L'interface `SVGAElement `fournit un accès aux propriétés des éléments {{ SVGElement("a") }} ainsi qu'aux méthodes pour les manipuler. +L'interface `SVGAElement` fournit un accès aux propriétés des éléments [`<a>`](/fr/docs/Web/SVG/Element/a) ainsi qu'aux méthodes pour les manipuler. ### Interface overview diff --git a/files/fr/web/api/svgrect/index.md b/files/fr/web/api/svgrect/index.md index 39d3c7663d..60787d7d49 100644 --- a/files/fr/web/api/svgrect/index.md +++ b/files/fr/web/api/svgrect/index.md @@ -9,7 +9,7 @@ translation_of: Web/API/SVGRect `SVGRect` représente la géométrie rectangulaire. Les rectangles consistent en une paire de coordonnées (x,y) correspondant à une valeur X minimale, une valeur Y minimale, et une largeur et hauteur, lesquelles sont habituellement positives. -Un objet `SVGRect `peut être marqué en lecture-seule, ce qui signifie que les tentatives de modification sur cet objet entraîneront un lancement d'exception. +Un objet `SVGRect` peut être marqué en lecture seule, ce qui signifie que les tentatives de modification sur cet objet entraîneront un lancement d'exception. ### Vue d'ensemble de l'interface diff --git a/files/fr/web/api/svgrectelement/index.md b/files/fr/web/api/svgrectelement/index.md index a823ba49a7..4acf6db261 100644 --- a/files/fr/web/api/svgrectelement/index.md +++ b/files/fr/web/api/svgrectelement/index.md @@ -30,7 +30,7 @@ _Cette interface hérite aussi des propriétés de_ _{{domxref("SVGGeometryEleme ## Méthode -_Cette interface n'implémente pas de méthodes spécifiques mais elle hérite des méthodes parentes de _{{domxref("SVGGeometryElement")}}. +*Cette interface n'implémente pas de méthodes spécifiques mais elle hérite des méthodes parentes de [`SVGGeometryElement`](/fr/docs/Web/API/SVGGeometryElement).* ## Spécifications diff --git a/files/fr/web/api/syncmanager/index.md b/files/fr/web/api/syncmanager/index.md index 9960d40f56..2bb4d1de86 100644 --- a/files/fr/web/api/syncmanager/index.md +++ b/files/fr/web/api/syncmanager/index.md @@ -5,7 +5,7 @@ translation_of: Web/API/SyncManager --- {{APIRef("Service Workers API")}}{{Non-standard_header}} -L'interface **`SyncManager`** de l' [API ServiceWorker ](/en-US/docs/Web/API/ServiceWorker_API)fournit une interface pour l'enregistrement et la liste des sync registrations. +L'interface **`SyncManager`** de l'[API ServiceWorker](/fr/docs/Web/API/Service_Worker_API) fournit une interface pour l'enregistrement et l'énumération des instances de `SyncRegistration`. ## Properties diff --git a/files/fr/web/api/web_audio_api/index.md b/files/fr/web/api/web_audio_api/index.md index 49eefdb0db..d11a9df3d0 100644 --- a/files/fr/web/api/web_audio_api/index.md +++ b/files/fr/web/api/web_audio_api/index.md @@ -27,7 +27,7 @@ Le timing est contrôlé avec une grande précision et une latence faible, ce qu La Web Audio API permet également de contrôler la _spatialisation_ du son. En utilisant un système basé sur le modèle _émetteur - récepteur,_ elle permet le contrôle de la balance ainsi que la gestion de l'atténuation du son en fonction de la distance, ou effet doppler, induite par un déplacement de la source sonore (ou de l'auditeur). -> **Note :** Vous pouvez lire d'avantage de détails sur la Web Audio API en vous rendant sur notre article[ Concepts de base de la Web Audio API](/en-US/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API). +> **Note :** Vous pouvez lire davantage de détails sur l'API <i lang="en">Web Audio</i> en vous rendant sur notre article [Les concepts de base de l'API <i lang="en">Web Audio</i>](/fr/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API). ## Interface de la Web Audio API @@ -113,14 +113,14 @@ Une fois que le signal audio a été traité, ces interfaces définissent sa des - {{event("audioprocess")}} (event) - : L'évènement `audioprocess` est émis lorsque le buffer d'entrée d'un {{domxref("ScriptProcessorNode")}} de la Web Audio API est prêt à être traité. - {{domxref("AudioProcessingEvent")}} - - : L'objet  `AudioProcessingEvent `est envoyé aux fonctions de callback qui écoutent l'évènement `audioprocess.` + - : L'objet `AudioProcessingEvent` est envoyé aux fonctions de rappel (<i lang="en">callback</i>) qui écoutent l'évènement `audioprocess`. ### Traitement audio hors ligne ou en tâche de fond Il est possible de traiter et exporter un graphe audio très rapidement en tâche de fond — en l'exportant dans un {{domxref("AudioBuffer")}} plutôt que sur les enceintes du matériel — grâce aux objets suivants. - {{domxref("OfflineAudioContext")}} - - : Un objet **`OfflineAudioContext`** est un {{domxref("AudioContext")}} qui représente un graphe de traitement audio construit à partir de noeuds audio. A la différence du `AudioContext `standard, un `OfflineAudioContext` n'exporte pas vraiment le son, mais le génère, aussi vite que possible, dans un buffer. + - : Un objet **`OfflineAudioContext`** est une interface [`AudioContext`](/fr/docs/Web/API/AudioContext) qui représente un graphe de traitement audio construit à partir de nœuds audio. À la différence d'une interface `AudioContext` standard, une interface `OfflineAudioContext` n'exporte pas vraiment le son, mais le génère *aussi vite que possible* dans un buffer. - {{event("complete")}} (event) - : Un évènement `complete` est émis lorsque le rendu d'un {{domxref("OfflineAudioContext")}} est terminé. - {{domxref("OfflineAudioCompletionEvent")}} diff --git a/files/fr/web/api/web_audio_api/visualizations_with_web_audio_api/index.md b/files/fr/web/api/web_audio_api/visualizations_with_web_audio_api/index.md index c565d3c6b6..872fce40bf 100644 --- a/files/fr/web/api/web_audio_api/visualizations_with_web_audio_api/index.md +++ b/files/fr/web/api/web_audio_api/visualizations_with_web_audio_api/index.md @@ -209,4 +209,4 @@ Ce code donne le résultat suivant:  -> **Note :** Les examples de cet article montrent l'utilisation de {{ domxref("AnalyserNode.getByteFrequencyData()") }} et {{ domxref("AnalyserNode.getByteTimeDomainData()") }}. Pour des exemples montrant {{ domxref("AnalyserNode.getFloatFrequencyData()") }} et {{ domxref("AnalyserNode.getFloatTimeDomainData()") }}, voir notre démo [Voice-change-O-matic-float-data](http://mdn.github.io/voice-change-o-matic-float-data/) (et son [code source](https://github.com/mdn/voice-change-o-matic-float-data)) — elle est identique à la [Voice-change-O-matic ](http://mdn.github.io/voice-change-o-matic/)originale, à ceci près qu'elle utilise des données à virgule flottante, au lieu de données non signées. +> **Note :** Les exemples de cet article montrent l'utilisation de [`AnalyserNode.getByteFrequencyData()`](/fr/docs/Web/API/AnalyserNode/getByteFrequencyData) et [`AnalyserNode.getByteTimeDomainData()`](/fr/docs/Web/API/AnalyserNode/getByteTimeDomainData). Pour des exemples montrant [`AnalyserNode.getFloatFrequencyData()`](/fr/docs/Web/API/AnalyserNode/getFloatFrequencyData) et [`AnalyserNode.getFloatTimeDomainData()`](/fr/docs/Web/API/AnalyserNode/getFloatTimeDomainData), voir notre démo [<i lang="en">Voice-change-O-matic-float-data</i>](https://mdn.github.io/voice-change-o-matic-float-data/) (et son [code source](https://github.com/mdn/voice-change-o-matic-float-data)) — elle est identique à la [<i lang="en">Voice-change-O-matic</i>](https://mdn.github.io/voice-change-o-matic/) originale, à ceci près qu'elle utilise des données à virgule flottante, au lieu de données non signées. diff --git a/files/fr/web/api/web_audio_api/web_audio_spatialization_basics/index.md b/files/fr/web/api/web_audio_api/web_audio_spatialization_basics/index.md index 0946ffe4a5..11b0bd0c22 100644 --- a/files/fr/web/api/web_audio_api/web_audio_spatialization_basics/index.md +++ b/files/fr/web/api/web_audio_api/web_audio_spatialization_basics/index.md @@ -14,7 +14,7 @@ Créer une spatialisation audio comporte deux principaux aspects : 1. L'objet {{ domxref("AudioListener") }} représente la position dans l'espace 3D d'une personne qui écoute la source audio; on y accède avec la propriété {{ domxref("AudioContext.listener") }}. On peut paramétrer la position et l'orientation de l'auditeur, entre autres. 2. L'objet {{ domxref("PannerNode") }} représente la position dans l'espace 3D d'une source audio; on le crée avec la méthode {{ domxref("AudioContext.createPanner()") }}. On peut paramétrer un certain nombre d'options comme la position, l'orientation, la vitesse, et l'angle s'un cône qui indique dans quelle direction le son peut être entendu (s'il n'est pas omnidirectionnel). -Dans cet article nous allons nous concentrer sur la position de l'auditeur et du panoramique, tous deux paramétrés à l'aide de la méthode `setPosition(). `Celle-co accepte trois valeurs qui correspondent à X, Y, et Z dans un système de coordonnées cartésien. +Dans cet article nous allons nous concentrer sur la position de l'auditeur et du panoramique, tous deux paramétrés à l'aide de la méthode `setPosition()`. Celle-ci accepte trois valeurs qui correspondent à X, Y, et Z dans un système de coordonnées cartésien. > **Note :** Trouver les bonnes valeurs pour que le cas d'utilisation fonctionne bien et semble réaliste n'est pas toujours évident et peur prendre du temps, et il faut souvent continuer à modifier les valeurs par la suite. Nous discuterons ceci plus en détail en parcourant le code qui suit. diff --git a/files/fr/web/api/web_storage_api/index.md b/files/fr/web/api/web_storage_api/index.md index dbe52c4edd..33dc7e8518 100644 --- a/files/fr/web/api/web_storage_api/index.md +++ b/files/fr/web/api/web_storage_api/index.md @@ -27,7 +27,7 @@ Ces mécanismes sont disponibles via les propriétés {{domxref("Window.sessionS > **Note :** L'accès au Web Storage à partir d'iframes externes est interdit si l'utilisateur a [désactivé les cookies tierce-partie](https://support.mozilla.org/en-US/kb/disable-third-party-cookies) (Firefox a adopté ce comportement à partir de la [version 43](/en-US/docs/Mozilla/Firefox/Releases/43) et suivantes.) -> **Note :** Le Web Storage n'est pas identique au [mozStorage](/en-US/docs/Storage) (interfaces XPCOM de Mozilla vers SQLite) ou l'[API Session store ](/en-US/docs/Session_store_API)(un utilitaire de stockage [XPCOM](/en-US/docs/XPCOM) utilisable par des extensions). +> **Note :** Le <i lang="en">Web Storage</i> n'est pas identique au `mozStorage` (interfaces XPCOM de Mozilla vers SQLite) ou l'API <i lang="en">Session Store</i> (un utilitaire de stockage XPCOM utilisable par des extensions). ## Web Storage interfaces @@ -64,7 +64,7 @@ De nos jours, la plupart des navigateurs prennent en charge une option de confid La plupart des navigateurs ont opté pour une stratégie dans laquelle les API de stockage sont toujours disponibles et apparemment totalement fonctionnelles, à la différence près que toutes les données stockées sont effacées après la fermeture du navigateur. Pour ces navigateurs, il existe toujours différentes interprétations de ce qui devrait être fait avec les données stockées existantes (à partir d'une session de navigation normale). Devrait-il être disponible en lecture en mode privé? Certains navigateurs, notamment Safari, ont opté pour une solution dans laquelle le stockage est disponible, vide et doté d'un quota de 0 octets, ce qui rend impossible l'écriture de données. -Les développeurs doivent connaître ces différentes implémentations et en tenir compte lors du développement de sites Web en fonction des API de stockage Web. Pour plus d'informations, consultez [cet article de blog du WHATWG ](https://blog.whatwg.org/tag/localstorage)qui traite spécifiquement de ce sujet +Les développeuses et développeurs doivent connaître ces différentes implémentations et en tenir compte lors du développement de sites web en fonction des API de stockage web. Pour plus d'informations, consultez [cet article de blog du WHATWG (en anglais)](https://blog.whatwg.org/this-week-in-html-5-episode-30) qui traite spécifiquement de ce sujet. ## Voir aussi diff --git a/files/fr/web/api/web_storage_api/using_the_web_storage_api/index.md b/files/fr/web/api/web_storage_api/using_the_web_storage_api/index.md index 497f5e9e80..f4ee6b207c 100644 --- a/files/fr/web/api/web_storage_api/using_the_web_storage_api/index.md +++ b/files/fr/web/api/web_storage_api/using_the_web_storage_api/index.md @@ -177,7 +177,7 @@ window.addEventListener('storage', function(e) { }); ``` -Ici nous avons ajouté un event listener à l'objet `window `qui se lance quand l'objet {{domxref("Storage")}}, associée à l'origine courante, est modifié. Comme vous pouvez le voir ci-dessus, l'objet événement associé à cet événement a de nombreuses propriétés contenant des informations utiles: la clé de la donnée qui a changé, l'ancienne valeur avant le changement, la nouvelle valeur après le changement, l'URL du document qui a changé le stockage et l'objet stockage lui-même. +Ici nous avons ajouté un écouteur d'évènement à l'objet `window` qui se lance quand l'objet [`Storage`](/fr/docs/Web/API/Storage), associé à l'origine courante, est modifié. Comme vous pouvez le voir ci-dessus, l'objet évènement associé à cet évènement a de nombreuses propriétés contenant des informations utiles : la clé de la donnée qui a changé, l'ancienne valeur avant le changement, la nouvelle valeur après le changement, l'URL du document qui a changé le stockage et l'objet stockage lui-même. ## Supprimer des données diff --git a/files/fr/web/api/webgl_api/index.md b/files/fr/web/api/webgl_api/index.md index 23d20579b5..782877cdae 100644 --- a/files/fr/web/api/webgl_api/index.md +++ b/files/fr/web/api/webgl_api/index.md @@ -14,9 +14,9 @@ translation_of: Web/API/WebGL_API --- {{WebGLSidebar}} -WebGL (Bibliothèque de Graphismes Web) est une API JavaScript pour l'affichage de graphismes 2D et 3D dans n'importe quel navigateur web compatible sans utilisation de modules complémentaires. WebGl réalise cela en introduisant une API qui se conforme de façon très proche à OpenGL ES 2.0 et qui peut être utilisée dans les éléments [canvas ](/fr/docs/HTML/Canvas)d'HTML5. +**WebGL** (la bibliothèque de graphismes web) est une API JavaScript pour l'affichage de graphismes 2D et 3D dans n'importe quel navigateur web compatible sans utilisation de modules complémentaires. WebGL réalise cela en introduisant une API qui se conforme de façon très proche à OpenGL ES 2.0 et qui peut être utilisée dans les éléments [`<canvas>`](/fr/docs/Web/HTML/Element/canvas) de HTML5. -Le support pour WebGL est présent dans [Firefox](/fr-FR/Firefox) 4+, [Google Chrome](http://www.google.com/chrome/) 9+, [Opera](http://www.opera.com/) 12+, [Safari ](http://www.apple.com/safari/)5.1+ and [Internet Explorer](http://windows.microsoft.com/fr-fr/internet-explorer/browser-ie) 11+ ; toutefois, l'appareil de l'utilisateur doit aussi avoir le matériel qui supporte ces fonctionnalités. +Le support pour WebGL est présent dans [Firefox](/fr/docs/Mozilla/Firefox) 4+, [Google Chrome](https://www.google.com/chrome/) 9+, [Opera](https://www.opera.com/fr) 12+, [Safari](https://www.apple.com/fr/safari/) 5.1+, [Internet Explorer](https://support.microsoft.com/fr-fr/windows/aide-d-internet-explorer-23360e49-9cd3-4dda-ba52-705336cc0de2) 11+ et les versions 10240+ de [Microsoft Edge](https://www.microsoft.com/fr-fr/edge) ; toutefois, l'appareil de l'utilisatrice ou l'utilisateur doit aussi avoir le matériel qui supporte ces fonctionnalités. L'élément {{HTMLElement("canvas")}} est aussi utilisé par [Canvas 2D](/fr-FR/docs/Web/API/Canvas_API) pour faire des graphismes 2D sur les pages web. diff --git a/files/fr/web/api/webgl_api/tutorial/animating_objects_with_webgl/index.md b/files/fr/web/api/webgl_api/tutorial/animating_objects_with_webgl/index.md index c8111be23c..7a736660b7 100644 --- a/files/fr/web/api/webgl_api/tutorial/animating_objects_with_webgl/index.md +++ b/files/fr/web/api/webgl_api/tutorial/animating_objects_with_webgl/index.md @@ -19,7 +19,7 @@ Commençons par faire tourner le carré. La première chose dont nous avons beso var squareRotation = 0.0; ``` -Maintenant, nous devons modifier la fonction `drawScene() `pour appliquer la rotation courante du carré quand on le dessine. Après déplacement à la position de dessin initiale du carré, nous appliquons la rotation comme suit : +Maintenant, nous devons modifier la fonction `drawScene()` pour appliquer la rotation courante du carré quand on le dessine. Après déplacement à la position de dessin initiale du carré, nous appliquons la rotation comme suit : mat4.rotate(modelViewMatrix, // matrice de destination modelViewMatrix, // matrice de rotation diff --git a/files/fr/web/api/webgl_api/tutorial/index.md b/files/fr/web/api/webgl_api/tutorial/index.md index 7a9d0e4aba..520e336ac2 100644 --- a/files/fr/web/api/webgl_api/tutorial/index.md +++ b/files/fr/web/api/webgl_api/tutorial/index.md @@ -30,9 +30,9 @@ L'utilisation de l'élément `<canvas>` n'est pas très difficile, mais vous a - : Montre comment tourner et déplacer des objets pour créer des animations simples. - [Créer des objets 3D avec WebGL](/fr/docs/Web/API/WebGL_API/Tutorial/Creer_des_objets_3D_avec_WebGL) - : Montre comment créer et animer un objet 3D (dans ce cas, un cube). -- [Utilisation des textures dans WebGL](/fr/docs/Web/API/WebGL_API/Tutorial/Utiliser_les_textures_avec_WebGL) +- [Utilisation des textures en WebGL](/fr/docs/Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL) - : Démontrer comment appliquer des textures sur les faces d'un objet. -- [ Éclairage en WebGL](/fr/docs/Web/API/WebGL_API/Tutorial/Eclairage_en_WebGL) +- [Éclairage en WebGL](/fr/docs/Web/API/WebGL_API/Tutorial/Eclairage_en_WebGL) - : Comment simuler des effets d'illumination dans votre contexte WebGL. - [Animation de textures en WebGL](/fr/docs/Web/API/WebGL_API/Tutorial/Animation_de_textures_en_WebGL) - : Montre comment animer des textures ; dans ce cas, en appliquant une vidéo Ogg sur les faces d'un cube en rotation. diff --git a/files/fr/web/api/webgl_api/tutorial/lighting_in_webgl/index.md b/files/fr/web/api/webgl_api/tutorial/lighting_in_webgl/index.md index d5da082872..b1a843894d 100644 --- a/files/fr/web/api/webgl_api/tutorial/lighting_in_webgl/index.md +++ b/files/fr/web/api/webgl_api/tutorial/lighting_in_webgl/index.md @@ -78,7 +78,7 @@ gl.bufferData(gl.ARRAY_BUFFER, new WebGLFloatArray(vertexNormals), gl.STATIC_DRA Ceci doit vous être plutôt familier maintenant. Nous créons un nouveau buffer, on le lie avec le tableau sur lequel nous allons travailler, puis nous allons envoyer l'ensemble de notre tableau au buffer en appelant la méthode `bufferData()`. -Ensuite nous allons ajouter le code à la fonction `drawScene() `pour attacher le tableau de normales à l'attribut du shader, comme ça le code du shader y aura accès: +Ensuite nous allons ajouter le code à la fonction `drawScene()` pour attacher le tableau de normales à l'attribut du shader, comme ça le code du shader y aura accès : ```js gl.bindBuffer(gl.ARRAY_BUFFER, cubeVerticesNormalBuffer); diff --git a/files/fr/web/api/webglrenderingcontext/createbuffer/index.md b/files/fr/web/api/webglrenderingcontext/createbuffer/index.md index e40ea5f601..59a3fdf8e9 100644 --- a/files/fr/web/api/webglrenderingcontext/createbuffer/index.md +++ b/files/fr/web/api/webglrenderingcontext/createbuffer/index.md @@ -11,7 +11,7 @@ translation_of: Web/API/WebGLRenderingContext/createBuffer --- {{APIRef("WebGL")}} -La méthode **`WebGLRenderingContext.createBuffer() `**de l'[API WebGL](/fr-FR/docs/Web/API/WebGL_API) crée et initialise un {{domxref ("WebGLBuffer")}} stockant des données telles que des sommets ou des couleurs. +La méthode **`WebGLRenderingContext.createBuffer()`** de l'[API WebGL](/fr/docs/Web/API/WebGL_API) crée et initialise un [`WebGLBuffer`](/fr/docs/Web/API/WebGLBuffer) stockant des données telles que des sommets ou des couleurs. ## Syntaxe diff --git a/files/fr/web/api/websockets_api/writing_a_websocket_server_in_java/index.md b/files/fr/web/api/websockets_api/writing_a_websocket_server_in_java/index.md index 68b27166e0..19714ade67 100644 --- a/files/fr/web/api/websockets_api/writing_a_websocket_server_in_java/index.md +++ b/files/fr/web/api/websockets_api/writing_a_websocket_server_in_java/index.md @@ -48,9 +48,9 @@ public class Server{ Méthodes : -- `java.net.`[Socket](http://docs.oracle.com/javase/8/docs/api/java/net/Socket.html)` getInputStream()` +- `java.net.`[Socket](http://docs.oracle.com/javase/8/docs/api/java/net/Socket.html) `getInputStream()` Renvoie un flux d’entrée pour ce socket. -- `java.net.`[Socket](http://docs.oracle.com/javase/8/docs/api/java/net/Socket.html)` getOutputStream()` +- `java.net.`[Socket](http://docs.oracle.com/javase/8/docs/api/java/net/Socket.html) `getOutputStream()` Renvoie un flux sortant pour ce socket. ### OutputStream diff --git a/files/fr/web/api/websockets_api/writing_websocket_client_applications/index.md b/files/fr/web/api/websockets_api/writing_websocket_client_applications/index.md index e646af9f9b..4becad44ad 100644 --- a/files/fr/web/api/websockets_api/writing_websocket_client_applications/index.md +++ b/files/fr/web/api/websockets_api/writing_websocket_client_applications/index.md @@ -51,7 +51,7 @@ Cet exemple simple crée un nouvel objet WebSocket, qui se connecte au serveur var exampleSocket = new WebSocket("ws://www.example.com/socketserver", "protocolOne"); ``` -Lorsque la connexion est établie, la propriété `readyState` de l'objet `exampleSocket `prend la valeur `CONNECTING`. Sa valeur devient `OPEN` une fois que la connexion est prête à transférer des données. +Lorsque la connexion est établie, la propriété `readyState` de l'objet `exampleSocket` prend la valeur `CONNECTING`. Sa valeur devient `OPEN` une fois que la connexion est prête à transférer des données. Pour ouvrir une connexion flexible quant aux protocoles supportés, on spécifie une liste de protocoles: diff --git a/files/fr/web/api/websockets_api/writing_websocket_servers/index.md b/files/fr/web/api/websockets_api/writing_websocket_servers/index.md index b560441da9..934dc5e14f 100644 --- a/files/fr/web/api/websockets_api/writing_websocket_servers/index.md +++ b/files/fr/web/api/websockets_api/writing_websocket_servers/index.md @@ -38,7 +38,7 @@ Si un des entêtes n'est pas compris ou sa valeur n'est pas correcte, le serveur > **Note :** Un grand nombre de navigateurs enverront un  [`Entête d'origine`](/en-US/docs/HTTP/Access_control_CORS#Origin). Vous pouvez alors l'utiliser pour vérifier la sécurité de la transaction (par exemple vérifier la similitude des domaines, listes blanches ou noires, etc.) et éventuellement retourner une réponse [403 Forbidden](/en-US/docs/HTTP/Response_codes#403) si l'origine ne vous plaît pas. Toutefois garder à l'esprit que cet entête peut être simulé ou trompeur (il peut être ajouté manuellement ou lors du transfert). De nombreuses applications refusent les transactions sans celui-ci. -> **Note :** L'URI de la requête (`/chat `dans notre cas), n'a pas de signification particulièrement dans les spécifications en usage : elle permet simplement, par convention, de disposer d'une multitude d'applications en parallèle grâce à WebSocket. Par exemple `exemple.com/chat` peut être associée à une API/une application de dialogue multiutilisateurs lorsque `/game` invoquera son homologue pour un jeu. +> **Note :** L'URI de la requête (`/chat` dans notre cas) n'a pas de signification particulièrement dans les spécifications en usage : elle permet simplement, par convention, de disposer d'une multitude d'applications en parallèle grâce à WebSocket. Par exemple, `exemple.com/chat` peut être associée à une API/une application de dialogue multiutilisateurs lorsque `/game` invoquera son homologue pour un jeu. > **Note :** [Les codes réguliers (_c-à -d défini par le protocole standard_) HTTP](/en-US/docs/HTTP/Response_codes) ne peuvent être utilisés qu'**_avant_** la poignée : ceux après la poignée, sont définis d'une manière spécifique dans la section 7.4 de la documentation sus-nommée. @@ -69,7 +69,7 @@ Le client ou le serveur peuvent choisir d'envoyer un message à n'importe quel m ### Format -> **Attention :** Dans cette partie, `payload `équivaut en bon français à _charge utile_. C'est-à -dire les données qui ne font pas partie du fonctionnement de la trame mais de l'échange entre le serveur et le client. Ainsi j'ai traduit `payload data comme des données utiles. ` +> **Attention :** Dans cette partie, `payload` équivaut en bon français à _charge utile_. C'est-à -dire les données qui ne font pas partie du fonctionnement de la trame mais de l'échange entre le serveur et le client. Ainsi « <i lang="en">payload data</i> » est traduit par « données utiles ». Chaque trame (dans un sens ou dans un autre) suit le schéma suivant : @@ -130,7 +130,7 @@ Si le bit MASK a été fixé (et il devrait l'être, pour les messages client-se ### La fragmentation des messages -Les champs FIN et opcodes fonctionnent ensemble pour envoyer un message découpé en une multitude de trames. C'est ce que l'on appele la _fragmentation des messages_. La fragmentation est seulement possible avec les opcodes de `0x0 `à `0x2`. +Les champs FIN et opcodes fonctionnent ensemble pour envoyer un message découpé en une multitude de trames. C'est ce que l'on appelle la _fragmentation des messages_. La fragmentation est seulement possible avec les opcodes de `0x0` à `0x2`. Souvenez-vous de l'intérêt de l'opcode et ce qu'il implique dans l'échange des trames. Pour _0x1_ c'est du texte, pour _0x2_ des données binaires, etc. Toutefois pour _0x0_, la frame est dite "continue" (elle s'ajoute à la précédente). En voici un exemple plus clair, où il y a en réalité deux textes de message (sur 4 trames différentes) : @@ -190,7 +190,7 @@ Ou son équivalent : Sec-WebSocket-Protocol: soap Sec-WebSocket-Protocol: wamp -Le serveur doit désormais choisir l'un des protocoles suggérés par le client et qu'il peut prendre en charge. S'il peut en prendre plus d'un, le premier envoyé par le client sera privilégié. Dans notre exemple, le client envoit `soap `et `wamp`, le serveur qui supporte les deux enverra donc : +Le serveur doit désormais choisir l'un des protocoles suggérés par le client et qu'il peut prendre en charge. S'il peut en prendre plus d'un, le premier envoyé par le client sera privilégié. Dans notre exemple, le client envoit `soap` et `wamp`, le serveur qui supporte les deux enverra donc : Sec-WebSocket-Protocol: soap diff --git a/files/fr/web/api/window/beforeunload_event/index.md b/files/fr/web/api/window/beforeunload_event/index.md index 69f36f86e4..b67730e1a7 100644 --- a/files/fr/web/api/window/beforeunload_event/index.md +++ b/files/fr/web/api/window/beforeunload_event/index.md @@ -71,7 +71,7 @@ window.addEventListener("beforeunload", function (e) { Quand l'événement retourne une valeur non nulle, l'utilisateur est invité à confirmer le déchargement de la page. Dans la plupart des navigateurs, la valeur de retour de l'événement est affiché dans une boîte de dialogue. Dans Firefox 4 et plus, la chaine de caractères retournée n'est pas affiché à l'utilisateur. A la place, Firefox affiche "Cette page demande de confirmer sa fermeture ; des données saisies pourraient ne pas être enregistrées". Voir {{bug("588292")}}. -Depuis le 25 Mai 2011, la spécification HTML5 indique ques les appels aux méthodes {{domxref("window.alert()")}}, {{domxref("window.confirm()")}} et {{domxref("window.prompt()")}} peuvent être ignorés durant l'événement. Voir [specification HTML5 ](http://www.w3.org/TR/html5/webappapis.html#user-prompts)pour plus de détails. +Depuis le 25 mai 2011, la spécification HTML5 indique que les appels aux méthodes [`window.alert()`](/fr/docs/Web/API/Window/alert), [`window.confirm()`](/fr/docs/Web/API/Window/confirm) et [`window.prompt()`](/fr/docs/Web/API/Window/prompt) peuvent être ignorés durant l'évènement. Voir [la spécification HTML5 (en anglais)](https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#user-prompts) pour plus de détails. Noter aussi que de nombreux navigateurs ignorent le résultat de l'événement (il n'y a donc aucune demande de confirmation). Firefox a une préférence cachée dans about:config pour faire de même. Essentiellement, cela signifie que l'utilisateur confirme toujours silencieusement que le document peut être déchargé. diff --git a/files/fr/web/api/window/captureevents/index.md b/files/fr/web/api/window/captureevents/index.md index 4e79f89499..4991179820 100644 --- a/files/fr/web/api/window/captureevents/index.md +++ b/files/fr/web/api/window/captureevents/index.md @@ -46,9 +46,9 @@ function page_click() { ## Notes -Les événements déclenchés dans le DOM par l'activité de l'utilisateur (tels que cliquer sur des boutons ou déplacer le focus loin du document actuel) passent généralement par la [`window`](/en-US/docs/Web/API/Window) de haut niveau et les objets de` `[`document`](/en-US/docs/Web/API/document) avant d'arriver à l'objet qui a déclenché l'événement. +Les évènements déclenchés dans le DOM par l'activité de l'utilisatrice ou l'utilisateur (tels que cliquer sur des boutons ou déplacer le focus loin du document actuel) passent généralement par la [`window`](/fr/docs/Web/API/Window) de haut niveau et les objets de [`document`](/fr/docs/Web/API/Document) avant d'arriver à l'objet qui a déclenché l'évènement. -Lorsque vous appelez la méthode `captureEvents()` sur [`window`](/en-US/docs/Web/API/Window), événements du type que vous spécifier (par exemple, `Event.CLICK`) ne passe plus par les objets "inférieurs" de la hiérarchie. Pour que les événements "bouillonnent" comme ils le font normalement, vous devez appeler` `[`window.releaseEvents()`](/en-US/docs/Web/API/window.releaseEvents) ({{deprecated_inline}}) sur la fenêtre pour l'empêcher de piéger les événements. +Lorsque vous appelez la méthode `captureEvents()` sur [`window`](/fr/docs/Web/API/Window), les évènements du type que vous spécifiez (par exemple, `Event.CLICK`) ne passent plus par les objets « inférieurs » de la hiérarchie. Pour que les évènements « bouillonnent » comme ils le font normalement, vous devez appeler [`window.releaseEvents()`](/fr/docs/Web/API/Window/releaseEvents) ({{deprecated_inline}}) sur la fenêtre pour l'empêcher de piéger les évènements. Notez que vous pouvez transmettre une liste d'événements à cette méthode en utilisant la syntaxe suivante : `window.captureEvents(Event.KEYPRESS | Event.KEYDOWN | Event.KEYUP)`. diff --git a/files/fr/web/api/window/devicemotion_event/index.md b/files/fr/web/api/window/devicemotion_event/index.md index ed3fc041cb..be4a8f3443 100644 --- a/files/fr/web/api/window/devicemotion_event/index.md +++ b/files/fr/web/api/window/devicemotion_event/index.md @@ -1,54 +1,58 @@ --- -title: devicemotion +title: 'Window: devicemotion event' slug: Web/API/Window/devicemotion_event translation_of: Web/API/Window/devicemotion_event -original_slug: FUEL/Window/devicemotion_event +browser-compat: api.Window.devicemotion_event --- -L'événement devicemotion est déclenché à intervalles réguliers et indique la quantité de force physique d'accélération que le périphérique reçoit à ce moment. Il fournit également des informations sur le taux de rotation, si disponible. - -## Informations générales - -- Spécification - - : [DeviceOrientation Event](http://www.w3.org/TR/orientation-event/#devicemotion) -- Interface - - : DeviceMotionEvent -- Propagation - - : Non -- Annulable - - : Non -- Cible - - : DefaultView (`window`) -- Action par défaut - - : Aucune - -## Propriétés - -| Property | Type | Description | -| -------------------------------------------- | --------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| `target` Lecture seule | [`EventTarget`](/fr/docs/Web/API/EventTarget) | The event target (the topmost target in the DOM tree). | -| `type` Lecture seule | [`DOMString`](/fr/docs/Web/API/DOMString) | The type of event. | -| `bubbles` Lecture seule | [`Boolean`](/fr/docs/Web/JavaScript/Reference/Objets_globaux/Boolean) | Whether the event normally bubbles or not | -| `cancelable` Lecture seule | [`Boolean`](/fr/docs/Web/JavaScript/Reference/Objets_globaux/Boolean) | Whether the event is cancellable or not? | -| `acceleration` Lecture seule | [`DeviceAcceleration`](/fr/docs/Web/API/DeviceAcceleration) | The acceleration of the device. This value has taken into account the effect of gravity and removed it from the figures. This value may not exist if the hardware doesn't know how to remove gravity from the acceleration data. | -| `accelerationIncludingGravity `Lecture seule | [`DeviceAcceleration`](/fr/docs/Web/API/DeviceAcceleration) | The acceleration of the device. This value includes the effect of gravity, and may be the only value available on devices that don't have a gyroscope to allow them to properly remove gravity from the data. | -| `interval` Lecture seule | double | The interval, in milliseconds, at which the DeviceMotionEvent is fired. The next event will be fired in approximately this amount of time. | -| `rotationRate` Lecture seule | [`DeviceRotationRate`](/fr/docs/Web/API/DeviceRotationRate) | The rates of rotation of the device about all three axes. | - -## Exemple +{{APIRef}} + +L'évènement `devicemotion` est déclenché à intervalles réguliers et indique la quantité de force physique d'accélération que le périphérique reçoit à ce moment. Il fournit également des informations sur le taux de rotation, si disponible. + +<table class="properties"> + <tbody> + <tr> + <th scope="row">Bouillonne</th> + <td>Non</td> + </tr> + <tr> + <th scope="row">Annulable</th> + <td>Non</td> + </tr> + <tr> + <th scope="row">Interface</th> + <td><a href="/fr/docs/Web/API/DeviceMotionEvent"><code>DeviceMotionEvent</code></a></td> + </tr> + <tr> + <th scope="row">Propriété gestionnaire d'évènement</th> + <td><a href="/fr/docs/Web/API/Window/ondevicemotion"><code>Window.ondevicemotion</code></a></td> + </tr> + </tbody> +</table> + +## Exemples ```js function handleMotionEvent(event) { -   var x = event.accelerationIncludingGravity.x; -   var y = event.accelerationIncludingGravity.y; -   var z = event.accelerationIncludingGravity.z; + var x = event.accelerationIncludingGravity.x; + var y = event.accelerationIncludingGravity.y; + var z = event.accelerationIncludingGravity.z; -   // Faire quelque chose de génial. + // Faire quelque chose de génial. } window.addEventListener("devicemotion", handleMotionEvent, true); ``` -## Evénements liés +## Spécifications -- [`deviceorientation`](/fr/docs/Mozilla_event_reference/deviceorientation) +{{Specifications}} + +## Compatibilité des navigateurs + +{{Compat}} + +## Voir aussi + +- [`deviceorientation`](/fr/docs/Web/API/Window/deviceorientation_event) +- [`DeviceOrientation Event` (en anglais)](https://www.w3.org/TR/orientation-event/#devicemotion) diff --git a/files/fr/web/api/window/domcontentloaded_event/index.md b/files/fr/web/api/window/domcontentloaded_event/index.md index 0a6a6b4917..4cc63d6a57 100644 --- a/files/fr/web/api/window/domcontentloaded_event/index.md +++ b/files/fr/web/api/window/domcontentloaded_event/index.md @@ -31,7 +31,7 @@ L’évènement **`DOMContentLoaded`** est émis lorsque le document HTML initia La cible originale pour cet évènement est le {{domxref("Document")}} qui a terminé de charger. Vous pouvez observer cet évènement sur l’interface `Window` pour le gérer dans les phases de capture ou de bouillonnement. Pour plus de détails, veuillez consulter la page de l’évènement {{domxref("Document/DOMContentLoaded_event", "Document: DOMContent​Loaded event")}}. -L’évènement [`load`](/fr/docs/Web/Events/load), très différent, doit être utilisé uniquement pour détecter qu’une page est entièrement chargée. C’est une erreur répandue d’utiliser [`load` ](/fr/docs/Web/Events/load)là où `DOMContentLoaded` serait beaucoup plus approprié. +L'évènement [`load`](/fr/docs/Web/API/Window/load_event), très différent, doit être utilisé uniquement pour détecter qu'une page est entièrement chargée. C'est une erreur répandue d'utiliser [`load`](/fr/docs/Web/API/Window/load_event) là où `DOMContentLoaded` serait beaucoup plus approprié. > **Note :** Le JavaScript synchrone interromp l’analyse du DOM. diff --git a/files/fr/web/api/window/getcomputedstyle/index.md b/files/fr/web/api/window/getcomputedstyle/index.md index c5f3694105..37eb7a2905 100644 --- a/files/fr/web/api/window/getcomputedstyle/index.md +++ b/files/fr/web/api/window/getcomputedstyle/index.md @@ -7,7 +7,7 @@ translation_of: Web/API/Window/getComputedStyle ## Résumé -`La méthode window.getComputedStyle() `donne la  [valeur calculée finale](/en/CSS/used_value) de toutes les propriétés CSS sur un élément. +La méthode `window.getComputedStyle()` donne la valeur calculée finale de toutes les propriétés CSS sur un élément. ## Syntaxe diff --git a/files/fr/web/api/window/index.md b/files/fr/web/api/window/index.md index 0ef4ef3e54..0b4b4b6f98 100644 --- a/files/fr/web/api/window/index.md +++ b/files/fr/web/api/window/index.md @@ -165,7 +165,7 @@ Notez que les propriétés qui sont des objets (par exemple, pour redéfinir le - : Renvoie un objet {{domxref("VisualViewport")}} représentant le point de vue visuel pour une fenêtre donnée. - {{domxref("Window.window")}} {{ReadOnlyInline}} - : Renvoie une référence à la fenêtre en cours. -- `window[0]`,` window[1]`, etc. +- `window[0]`, `window[1]`, etc. - : Renvoie une référence à l'objet `window` dans les cadres. Voir {{domxref("Window.frames")}}} pour plus de détails. ### Propriétés implémentées depuis ailleurs diff --git a/files/fr/web/api/window/mozinnerscreenx/index.md b/files/fr/web/api/window/mozinnerscreenx/index.md index ec50d45c98..373af56b33 100644 --- a/files/fr/web/api/window/mozinnerscreenx/index.md +++ b/files/fr/web/api/window/mozinnerscreenx/index.md @@ -16,7 +16,7 @@ translation_of: Web/API/Window/mozInnerScreenX Obtient la coordonnée X du coin supérieur gauche de la fenêtre de la fenêtre, en coordonnées d'écran. -> **Note :** Cette coordonnée est indiquée en pixels CSS et non en pixels matériels. Cela signifie qu'il peut être affecté par le niveau de zoom; pour calculer le nombre réel de pixels d'écran physiques, vous devez utiliser la propriété[ `nsIDOMWindowUtils.screenPixelsPerCSSPixel`](/en-US/docs/XPCOM_Interface_Reference/nsIDOMWindowUtils). +> **Note :** Cette coordonnée est indiquée en pixels CSS et non en pixels matériels. Cela signifie qu'il peut être affecté par le niveau de zoom ; pour calculer le nombre réel de pixels d'écran physiques, vous devez utiliser la propriété [`nsIDOMWindowUtils.screenPixelsPerCSSPixel`](/fr/docs/XPCOM_Interface_Reference/nsIDOMWindowUtils). ## Syntaxe diff --git a/files/fr/web/api/window/mozinnerscreeny/index.md b/files/fr/web/api/window/mozinnerscreeny/index.md index 08dc02589e..96836819e0 100644 --- a/files/fr/web/api/window/mozinnerscreeny/index.md +++ b/files/fr/web/api/window/mozinnerscreeny/index.md @@ -16,7 +16,7 @@ translation_of: Web/API/Window/mozInnerScreenY Obtient la coordonnée Y du coin supérieur gauche de la fenêtre de la fenêtre, en coordonnées d'écran. -> **Note :** Cette coordonnée est indiquée en pixels CSS et non en pixels matériels. Cela signifie qu'il peut être affecté par le niveau de zoom; pour calculer le nombre réel de pixels d'écran physiques, vous devez utiliser la propriété[ `nsIDOMWindowUtils.screenPixelsPerCSSPixel`](/en-US/docs/XPCOM_Interface_Reference/nsIDOMWindowUtils). +> **Note :** Cette coordonnée est indiquée en pixels CSS et non en pixels matériels. Cela signifie qu'il peut être affecté par le niveau de zoom ; pour calculer le nombre réel de pixels d'écran physiques, vous devez utiliser la propriété [`nsIDOMWindowUtils.screenPixelsPerCSSPixel`](/fr/docs/XPCOM_Interface_Reference/nsIDOMWindowUtils). ## Syntaxe diff --git a/files/fr/web/api/window/open/index.md b/files/fr/web/api/window/open/index.md index 4aa20d996b..d0be3ff011 100644 --- a/files/fr/web/api/window/open/index.md +++ b/files/fr/web/api/window/open/index.md @@ -60,8 +60,6 @@ function openRequestedPopup() { Si une fenêtre du nom _strWindowName_ existe déjà , alors, au lieu d'ouvrir une nouvelle fenêtre, _strUrl_ est chargée dans cette fenêtre existante. Dans ce cas, la valeur renvoyée par la méthode est la fenêtre existante, et _strWindowFeatures_ est ignorée. Fournir une chaîne vide pour _strUrl_ est une manière d'obtenir une référence à une fenêtre ouverte par son nom sans en changer l'adresse. Si vous désirez ouvrir une nouvelle fenêtre à chaque appel de `window.open()`, il faut utiliser la nom réservé _\_blank_ pour _strWindowName_. -> **Note :** À propos de l'utilisation de `window.open` pour ré-ouvrir ou donner le focus à une fenêtre existante portant un nom connu du domaine : Cette fonctionalité n'est pas valide pour tous les navigateurs et qui plus est avec des comportement variables. Firefox (50.0.1) fonctionne comme il est décrit ici : depuis le même domaine+port la ré-exécution de window\.open avec le même nom va accéder à la fenêtre précédemment ouverte. Google Chrome (55.0.2883.87 m ) pour sa part ne l'exécutera qu'à partir du même parent (nommé "opener", comme si les fenêtres étaient créées avec une dépendance et uniquement avec `window.open`). Il s'agit là d'une limitation considérable ce qui génère une incroyable complexité de développement parfois sans issue. Firefox récupère le handle vers toutes les fenêtres du domaine dont le nom est connu, ce qui permet d'accéder à leur données, mais il ne peut exécuter une commande `HTMLElement.focus()` vers l'une quelconque de ces fenêtres, ce qui interdit de réouvrir la fenêtre pourtant connue comme active. Pour sa part Chrome peut redonner le focus à une fenêtre (onglet) enfant mais l'opération est impossible entre frères et depuis l'enfant vers le parent. Quant aux autres fenêtres du même domaine (même famille ?) non ouvertes avec `window.open` elles sont inconnues et` window.open('',<name>,'')` ouvrira alors des doublons. La fonction `hw=window.open('',strWindowName ,'')` est pourtant la seule qui permette de récupérer un handle en connaissant un nom et théoriquement éviter la création de doublons, mais pour l'instant, 22/02/2017, les différences de comportement des navigateurs ne permettent de l'utiliser que de manière partielle dans des cas très restreints. - _strWindowFeatures_ est une chaîne optionnelle contenant une liste, séparée par des virgules, de fonctionnalités demandées pour la nouvelle fenêtre. Après qu'une fenêtre soit ouverte, vous ne pouvez pas utiliser JavaScript pour changer ses fonctionnalités et ses barres d'outils. Si _strWindowName_ ne spécifie pas une fenêtre existante et si vous ne fournissez pas le paramètre _strWindowFeatures_ (ou si celui-ci est une chaîne vide), la nouvelle fenêtre secondaire comportera les barres d'outils par défaut de la fenêtre principale. Si le paramètre _strWindowFeatures_ est utilisé et si aucune information de taille n'est définie, les dimensions de la nouvelle fenêtre seront les mêmes que celles de la fenêtre ouverte la plus récemment. diff --git a/files/fr/web/api/window/postmessage/index.md b/files/fr/web/api/window/postmessage/index.md index 6e474b1328..c0df0fa2b6 100644 --- a/files/fr/web/api/window/postmessage/index.md +++ b/files/fr/web/api/window/postmessage/index.md @@ -13,7 +13,7 @@ translation_of: Web/API/Window/postMessage La méthode **`window.postMessage`** permet une communication inter-domaine en toute sécurité. Normalement, les scripts de différentes pages sont autorisés à accéder les uns aux autres si et seulement si les pages depuis lesquelles ils sont exécutés ont des URL de même [origine](/en-US/docs/Glossary/Origin), c'est-à -dire avec le même protocole (généralement `http` ou `https`), le même numéro de port (`80` étant le port par défaut pour `http`), et le même nom d'hôte (à condition que [document.domain](/en-US/docs/DOM/document.domain) soit initialisé à la même valeur par les deux pages). `window.postMessage` fournit un mécanisme contrôlé pour contourner cette restriction d'une manière sécurisée si bien utilisée. -La méthode `window.postMessage`, quand elle est appelée, provoque l'envoi d'un {{domxref("MessageEvent")}} à la fenêtre ciblée une fois que tout script en attente a terminé son exécution (par exemple, les gestionnaires d'évènements restants si `window.postMessage` est appelée depuis un gestionnaire d'évènement, des timeouts en attente enregistrées auparavant, etc.) Le {{domxref("MessageEvent")}} est de type `message`, a une propriété `data` qui est initialisée à la valeur du premier argument passé à ` window.postMessage`, une propriété `origin` correspondant à l'origine du document principal de la fenêtre appelant `window.postMessage` au moment où `window.postMessage` a été appelée, et une propriété `source` qui est la fenêtre depuis laquelle `window.postMessage` est appelée. (les autres propriétés standard d'évènement sont présentes avec leurs valeurs attendues). +La méthode `window.postMessage`, quand elle est appelée, provoque l'envoi d'un [`MessageEvent`](/fr/docs/Web/API/MessageEvent) à la fenêtre ciblée une fois que tout script en attente a terminé son exécution (par exemple, les gestionnaires d'évènements restants si `window.postMessage` est appelée depuis un gestionnaire d'évènement, des timeouts en attente enregistrées auparavant, etc.) Le [`MessageEvent`](/fr/docs/Web/API/MessageEvent) est de type `message`, a une propriété `data` qui est initialisée à la valeur du premier argument passé à `window.postMessage`, une propriété `origin` correspondant à l'origine du document principal de la fenêtre appelant `window.postMessage` au moment où `window.postMessage` a été appelée, et une propriété `source` qui est la fenêtre depuis laquelle `window.postMessage` est appelée (les autres propriétés standard d'évènement sont présentes avec leurs valeurs attendues). ## Syntaxe @@ -136,7 +136,11 @@ La valeur de la propriété `origin` quand la fenêtre expéditrice contient une ### Utiliser window\.postMessage dans les extensions {{Non-standard_inline}} -`window.postMessage` est disponible depuis le JavaScript exécuté en code chrome (par exemple dans les extensions et le code privilégié), mais la propriété `source` de l'évènement envoyé est toujours `null` par mesure de sécurité. (Les autres propriétés ont leurs valeurs usuelles.) L'argument `targetOrigin` pour un message envoyé à une fenêtre située à une URL` chrome:` est actuellement mal interprété, si bien que la seule valeur qui conduit à l'envoi d'un message est `"*"`. Comme cette valeur n'est pas sûre quand la fenêtre ciblée peut être naviguée n'importe où par un site malicieux, il est recommandé de ne pas utiliser `postMessage` pour communiquer avec des pages `chrome:` pour l'instant ; utilisez une méthode différente (comme une query string quand la fenêtre est ouverte) pour communiquer avec des fenêtres chrome. Enfin, poster un message à une page à une URL `file:` requiert actuellement que l'argument `targetOrigin` soit `"*"`. `file://` ne peut pas être utilisé comme restriction de sécurité ; cette restriction pourrait être modifiée à l'avenir. +`window.postMessage` est disponible depuis le JavaScript exécuté en code chrome (par exemple, dans les extensions et le code privilégié), mais la propriété `source` de l'évènement envoyé est toujours `null` par mesure de sécurité. (Les autres propriétés ont leurs valeurs usuelles.) + +L'argument `targetOrigin` pour un message envoyé à une fenêtre située à une URL `chrome:` est actuellement mal interprété, si bien que la seule valeur qui conduit à l'envoi d'un message est `"*"`. Comme cette valeur n'est pas sûre quand la fenêtre ciblée peut être naviguée n'importe où par un site malicieux, il est recommandé de ne pas utiliser `postMessage` pour communiquer avec des pages `chrome:` pour l'instant ; utilisez une méthode différente (comme une chaîne de requête quand la fenêtre est ouverte) pour communiquer avec des fenêtres chrome. + +Enfin, poster un message à une page à une URL `file:` requiert actuellement que l'argument `targetOrigin` soit `"*"`. `file://` ne peut pas être utilisé comme restriction de sécurité ; cette restriction pourrait être modifiée à l'avenir. ## Spécifications diff --git a/files/fr/web/api/window/requestanimationframe/index.md b/files/fr/web/api/window/requestanimationframe/index.md index b982fdc912..075e864e2c 100644 --- a/files/fr/web/api/window/requestanimationframe/index.md +++ b/files/fr/web/api/window/requestanimationframe/index.md @@ -70,7 +70,7 @@ requestAnimationFrame(step); ### Notes pour Chrome -La syntaxe correcte, dans Chrome, pour annuler l'exécution est` window.cancelAnimationFrame()`. Dans les anciennes versions, `window.webkitCancelAnimationFrame()` & `window.webkitCancelRequestAnimationFrame() sont obsolètes` mais sont toujours supportées pour le moment. +La syntaxe correcte dans Chrome pour annuler l'exécution est `window.cancelAnimationFrame()`. Dans les anciennes versions, `window.webkitCancelAnimationFrame()` et `window.webkitCancelRequestAnimationFrame()` sont obsolètes mais sont toujours supportées pour le moment. ## Specification diff --git a/files/fr/web/api/window/requestidlecallback/index.md b/files/fr/web/api/window/requestidlecallback/index.md index ec73c7442d..f70c6f1c13 100644 --- a/files/fr/web/api/window/requestidlecallback/index.md +++ b/files/fr/web/api/window/requestidlecallback/index.md @@ -5,7 +5,7 @@ translation_of: Web/API/Window/requestIdleCallback --- {{APIRef}}{{SeeCompatTable}} -La méthode **`window.requestIdleCallback() `**mémorise une fonction qui sera appellée lorsque le navigateur n'aura plus aucune autre tâche en cours. Cela offre au développeur la possibilité de réaliser des tâches à basse priorité en arrière-plan sur le thread principal, sans impacter l'expérience utilisateur (ralentissement des animations, etc). L'ordre des appels aux fonctions est généralement premier entré, premier sorti, sauf si le timeout défini au moment de l'enregistrement est atteint avant que le navigateur n'ait eu le temps d'appeler la fonction en question. +La méthode **`window.requestIdleCallback()`** mémorise une fonction qui sera appelée lorsque le navigateur n'aura plus aucune autre tâche en cours. Cela offre au développeur la possibilité de réaliser des tâches à basse priorité en arrière-plan sur la boucle d'évènements principale, sans impacter l'expérience utilisateur (ralentissement des animations, etc). L'ordre des appels aux fonctions est généralement premier entré, premier sorti, sauf si le `timeout` défini au moment de l'enregistrement est atteint avant que le navigateur n'ait eu le temps d'appeler la fonction en question. ## Syntaxe @@ -21,14 +21,13 @@ Un entier long non-signé qui peut être utilisé pour annulé l'appel à la fon - : La référence d'une fonction qui devrait être appellée dans un futur proche. La fonction en question recevra en argument un objet de type temps restant avec les propriétés suivantes : - - `timeRemaining `: Fonction qui retourne un {{domxref("DOMHighResTimeStamp")}} repésentant le temps restant estimé par le navigateur pour exécuter la tâche, ayant pour valeur minimale zéro. Les tâches nécessitant un temps d'exécution relativement long sont susceptibles de recourir à plusieurs appels à cette méthode s'il reste du travail à effectuer, rendant la main au navigateur peu avant que le compteur n'atteigne zéro. `timeRemaining()` retournera toujours zéro si `didTimeout` est positionné à true (i.e. la fonction n'a pas été appelée durant la période de repos du navigateur). La limite de temps est limitée à 50ms, même si le navigateur reste n'a pas d'autre tâche à exécuter pendant une durée plus longue. - - `didTimeout `: Un booléen positionné à true si la fonction est appelée car le timeout a été atteint, et false si elle a été appelée par le navigateur durant une période de repos. + - `timeRemaining` : fonction qui retourne un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) représentant le temps restant estimé par le navigateur pour exécuter la tâche, ayant pour valeur minimale zéro. Les tâches nécessitant un temps d'exécution relativement long sont susceptibles de recourir à plusieurs appels à cette méthode s'il reste du travail à effectuer, rendant la main au navigateur peu avant que le compteur n'atteigne zéro. `timeRemaining()` retournera toujours zéro si `didTimeout` est positionné à `true` (par exemple, la fonction n'a pas été appelée durant la période de repos du navigateur). La limite de temps est limitée à 50ms, même si le navigateur reste n'a pas d'autre tâche à exécuter pendant une durée plus longue. + - `didTimeout` : un booléen positionné à `true` si la fonction est appelée car le timeout a été atteint, et `false` si elle a été appelée par le navigateur durant une période de repos. - `options` {{optional_inline}} - : Objet contenant des paramètres de configuration optionnels. Les propriétés sont les suivantes : - - - `timeout `: Si `timeout` est spécifié et possède une valeur positive, la fonction sera appelée au bout de au moins `timeout` millisecondes si elle n'a pas été appelée par le navigateur au préalable. + - `timeout` : si `timeout` est spécifié et possède une valeur positive, la fonction sera appelée au bout de au moins `timeout` millisecondes si elle n'a pas été appelée par le navigateur au préalable. ## Spécifications diff --git a/files/fr/web/api/windoweventhandlers/onunload/index.md b/files/fr/web/api/windoweventhandlers/onunload/index.md index 3947be68fd..f185bdbc19 100644 --- a/files/fr/web/api/windoweventhandlers/onunload/index.md +++ b/files/fr/web/api/windoweventhandlers/onunload/index.md @@ -10,7 +10,7 @@ translation_of: Web/API/WindowEventHandlers/onunload --- {{APIRef("HTML DOM")}} -L'événement **`unload`** est déclenché lorsque le contenu et les ressources sont déchargés à la fermeture de la fenêtre. Le processus de suppression des ressources se fait _après_ que l'événement `unload `a eu lieu. +L'évènement **`unload`** est déclenché lorsque le contenu et les ressources sont déchargés à la fermeture de la fenêtre. Le processus de suppression des ressources se fait _après_ que l'évènement `unload` a eu lieu. Les navigateurs équipés d'un bloqueur de pop-up vont ignorer tout appel de `window.open()` lancé depuis onunload. diff --git a/files/fr/web/api/worker/index.md b/files/fr/web/api/worker/index.md index 6bed548f09..3ec71e50d4 100644 --- a/files/fr/web/api/worker/index.md +++ b/files/fr/web/api/worker/index.md @@ -19,7 +19,7 @@ Notez qu'un worker peut lui aussi lancer d'autre Worker tant que ces autres work De plus les workers peuvent utiliser [`XMLHttpRequest`](/en/DOM/XMLHttpRequest) pour les communiquer avec le réseau, à l'exception des attributs `responseXML` et `channel` qui vont toujours retourner `null`. -Toutes les[ interfaces et toutes les fonctions](/fr/DOM/Worker/Functions_available_to_workers) ne seront pas disponibles pour le script associé au worker. +[Toutes les interfaces et toutes les fonctions](/fr/docs/Web/API/Web_Workers_API/Functions_and_classes_available_to_workers) ne seront pas disponibles pour le script associé au `Worker`. > **Note :** Dans Firefox, si vous souhaitez utiliser les workers dans une extension et que vous souhaitez avoir accès au [js-ctypes](/en/js-ctypes), vous devez utiliser le {{ domxref("ChromeWorker") }} à la place. diff --git a/files/fr/web/api/worker/worker/index.md b/files/fr/web/api/worker/worker/index.md index bfe2236974..d9fa5bd3e1 100644 --- a/files/fr/web/api/worker/worker/index.md +++ b/files/fr/web/api/worker/worker/index.md @@ -27,7 +27,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 {{domxref("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 @@ -49,7 +49,7 @@ first.onchange = function() { } ``` -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é](http://mdn.github.io/simple-web-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/)). ## Spécifications diff --git a/files/fr/web/api/workerglobalscope/index.md b/files/fr/web/api/workerglobalscope/index.md index 1f37730fe7..a0c26cd26e 100644 --- a/files/fr/web/api/workerglobalscope/index.md +++ b/files/fr/web/api/workerglobalscope/index.md @@ -63,7 +63,7 @@ Cette interface hérite des méthodes de l'interface {{domxref ("EventTarget")}} - {{domxref("WorkerGlobalScope.close()")}} - : Ignore toutes les tâches mises en file d'attente dans la boucle d'événements de `WorkerGlobalScope`, fermant ainsi cette portée particulière. - {{domxref("WorkerGlobalScope.importScripts()")}} - - : Importe un ou plusieurs scripts dans la portée du worker. Vous pouvez en spécifier autant que vous le souhaitez, séparés par des virgules. Par exemple:` importScripts('foo.js', 'bar.js');` + - : Importe un ou plusieurs scripts dans la portée du worker. Vous pouvez en spécifier autant que vous le souhaitez, séparés par des virgules. Par exemple : `importScripts('foo.js', 'bar.js');` ### Méthodes non standard diff --git a/files/fr/web/api/xmlhttprequest/abort_event/index.md b/files/fr/web/api/xmlhttprequest/abort_event/index.md index ed306a8700..d7b44ddd92 100644 --- a/files/fr/web/api/xmlhttprequest/abort_event/index.md +++ b/files/fr/web/api/xmlhttprequest/abort_event/index.md @@ -29,7 +29,7 @@ L'événement **abort** est déclenché lorsque la progression a été interompu | `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}} | {{jsxref("Boolean")}} | Specifies whether or not the total size of the transfer is known. Read only. | +| `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. | diff --git a/files/fr/web/api/xmlhttprequest/open/index.md b/files/fr/web/api/xmlhttprequest/open/index.md index dd8cb68bd5..0622599286 100644 --- a/files/fr/web/api/xmlhttprequest/open/index.md +++ b/files/fr/web/api/xmlhttprequest/open/index.md @@ -19,7 +19,7 @@ La méthode **`open()`** de {{domxref("XMLHttpRequest")}} instancie une nouvelle ### Paramètres - `method` - - : La méthode [HTTP request ](/en-US/docs/Web/HTTP/Methods) à utiliser telles que : `"GET"`, `"POST"`, `"PUT"`, `"DELETE"`, etc. Ignorée pour les URL non-HTTP(S). + - : La méthode [de requête HTTP](/fr/docs/Web/HTTP/Methods) à utiliser telles que `GET`, `POST`, `PUT`, `DELETE`, etc. Ignorée pour les URL non-HTTP(S). - `url` - : Une {{domxref("DOMString")}} représentant l'URL à laquelle envoyer la requête. - `async` {{optional_inline}} diff --git a/files/fr/web/api/xmlhttprequest/readystate/index.md b/files/fr/web/api/xmlhttprequest/readystate/index.md index 1cad0b72e9..f453f7aa74 100644 --- a/files/fr/web/api/xmlhttprequest/readystate/index.md +++ b/files/fr/web/api/xmlhttprequest/readystate/index.md @@ -59,7 +59,7 @@ La propriété XMLHttpRequest.readyState renvoie l'état dans lequel se trouve u - DONE - : L'opération de récupération est terminée. Cela peut signifier que le transfert de données a été effectué avec succès ou a échoué. -> **Note :** Les noms des états sont différents dans les versions d'Internet Explorer antérieures à 11. Au lieu de `UNSENT`, `OPENED`,` HEADERS_RECEIVED`,` LOADING` and `DONE`, the names `READYSTATE_UNINITIALIZED` (0), `READYSTATE_LOADING` (1), `READYSTATE_LOADED` (2), `READYSTATE_INTERACTIVE` (3) et `READYSTATE_COMPLETE` (4) sont utilisés. +> **Note :** Les noms des états sont différents dans les versions d'Internet Explorer antérieures à 11. Au lieu de `UNSENT`, `OPENED`, `HEADERS_RECEIVED`, `LOADING` et `DONE`, les noms `READYSTATE_UNINITIALIZED` (0), `READYSTATE_LOADING` (1), `READYSTATE_LOADED` (2), `READYSTATE_INTERACTIVE` (3) et `READYSTATE_COMPLETE` (4) sont utilisés. ## Exemple diff --git a/files/fr/web/api/xmlhttprequest/send/index.md b/files/fr/web/api/xmlhttprequest/send/index.md index 6f6d138a8f..1261f8a9b3 100644 --- a/files/fr/web/api/xmlhttprequest/send/index.md +++ b/files/fr/web/api/xmlhttprequest/send/index.md @@ -34,7 +34,7 @@ Si aucun "header"{{HTTPHeader("Accept")}} n'a été paramétré dans {{domxref(" - : Le corps des données à envoyer dans la requête XHR. Cela peut être : - Un {{domxref("Document")}}, dans quel cas il est sérialisé avant d'être envoyé. - - Un `XMLHttpRequestBodyInit` , dont le which [standard ](https://fetch.spec.whatwg.org/#bodyinit)[Fetch](https://fetch.spec.whatwg.org/#bodyinit) peut être un {{domxref("Blob")}}, {{domxref("BufferSource")}}, {{domxref("FormData")}}, {{domxref("URLSearchParams")}}, ou un objet {{domxref("USVString")}} . + - Un `XMLHttpRequestBodyInit` qui, selon [la spécification `Fetch` (en anglais)](https://fetch.spec.whatwg.org/#typedefdef-xmlhttprequestbodyinit), peut être un [`Blob`](/fr/docs/Web/API/Blob), [`BufferSource`](/fr/docs/Web/API/BufferSource), [`FormData`](/fr/docs/Web/API/FormData), [`URLSearchParams`](/fr/docs/Web/API/URLSearchParams) ou un objet [`USVString`](/fr/docs/Web/API/USVString). - `null` Si la valeur du corps n'est pas spécifiée, la valeur par défaut `null` est employée. diff --git a/files/fr/web/api/xmlhttprequest/using_xmlhttprequest/index.md b/files/fr/web/api/xmlhttprequest/using_xmlhttprequest/index.md index d767666f4b..ef65aa1245 100644 --- a/files/fr/web/api/xmlhttprequest/using_xmlhttprequest/index.md +++ b/files/fr/web/api/xmlhttprequest/using_xmlhttprequest/index.md @@ -39,13 +39,13 @@ Il existe plusieurs types [d'attributs de réponse](http://www.w3.org/TR/XMLHtt ### Analyser et manipuler la propriété `responseXML` -Si vous utlisez `XMLHttpRequest `pour obtenir le contenu d'un fichier XML distant, la propriété `responseXML `sera un Objet DOM contenant le document XML parsé, qui peut être difficile à manipuler et analyser. Il y a quatres moyens principaux d'analyser ce document XML : +Si vous utilisez `XMLHttpRequest` pour obtenir le contenu d'un fichier XML distant, la propriété `responseXML` sera un objet DOM contenant le document XML parsé, qui peut être difficile à manipuler et analyser. Il y a quatre moyens principaux d'analyser ce document XML : 1. Utiliser [XPath](/en-US/docs/XPath) pour localiser des parties. 2. Utiliser [JXON](/en-US/docs/JXON) pour le convertir en Objet structuré JavaScript. 3. Manuellement [parser et serializer le XML](/en-US/docs/Parsing_and_serializing_XML) en chaînes de caractères ou en objets. 4. Utiliser [XMLSerializer](/en-US/docs/XMLSerializer) pour serializer **le DOM en chaînes ou en fichiers.** -5. [RegExp ](/en-US/docs/JavaScript/Reference/Global_Objects/RegExp)peut être utlisé si vous connaissez à l'avance le contenu du document XML. Vous pouvez supprimer les sauts de ligne, si vous utlisez RegExp en prenant en compte ces sauts. Toutefois, cette méthode est un "dernier recours", car si le code XML change légèrement, la méthode échouera probablement. +5. [`RegExp`](/fr/docs/Web/JavaScript/Reference/Global_Objects/RegExp) peut être utilisé si vous connaissez à l'avance le contenu du document XML. Vous pouvez supprimer les sauts de ligne si vous utilisez `RegExp` en prenant en compte ces sauts. Toutefois, cette méthode est un « dernier recours », car si le code XML change légèrement, la méthode échouera probablement. ### Analyser et manipuler une propriété `responseText` contenant un document HTML @@ -55,7 +55,7 @@ Si vous utilisez `XMLHttpRequest` pour récupérer le contenu d'une page HTML d 1. Utiliser la propriété `XMLHttpRequest.responseXML`. 2. Injecter le contenu dans le body d'un [fragment de document](/en-US/docs/Web/API/DocumentFragment) via `fragment.body.innerHTML` et traverser le DOM du fragment. -3. [RegExp ](/en-US/docs/JavaScript/Reference/Global_Objects/RegExp)peut être utlisé si vous connaissez à l'avance le contenu du document HTML dans responseText. Vous pouvez supprimer les sauts de ligne, si vous utlisez RegExp en prenant en compte ces sauts. Toutefois, cette méthode est un "dernier recours", car si le code XML change légèrement, la méthode échouera probablement. +3. [`RegExp`](/fr/docs/Web/JavaScript/Reference/Global_Objects/RegExp) peut être utilisé si vous connaissez à l'avance le contenu du document XML. Vous pouvez supprimer les sauts de ligne si vous utilisez `RegExp` en prenant en compte ces sauts. Toutefois, cette méthode est un « dernier recours », car si le code XML change légèrement, la méthode échouera probablement. ## Gérer les données binaires @@ -508,7 +508,7 @@ La syntaxe de ce script est la suivante: > **Note :** La meilleure façon d'envoyer du contenu binaire est de passer par [ArrayBuffers](/en-US/docs/JavaScript/Typed_arrays/ArrayBuffer) ou [Blobs](/en-US/docs/DOM/Blob) en conjonction avec la méthode [`send()`](/en-US/docs/DOM/XMLHttpRequest#send%28%29) et possiblement avec la méthode [`readAsArrayBuffer()`](</en-US/docs/DOM/FileReader#readAsArrayBuffer()>) de l'API [`FileReader`](/en-US/docs/DOM/FileReader). Mais dans la mesure où le but de ce script est de fonctionner avec des données [chaînifiable](/en-US/docs/JavaScript/Reference/Global_Objects/JSON/stringify), nous avons utilisé la méthode [`sendAsBinary()`](/en-US/docs/DOM/XMLHttpRequest#sendAsBinary%28%29) en conjonction avec la méthode [`readAsBinaryString()`](/en-US/docs/DOM/FileReader#readAsBinaryString%28%29) de l'API [`FileReader`](/en-US/docs/DOM/FileReader). Du coup, le script ci-dessous n'a de sens que quand vous voulez transférer de petits fichiers. Si vous n'avez pas l'intention de transférer des données binaires, songez plutôt à utilisez l'API [`FormData`](/en-US/docs/DOM/XMLHttpRequest/FormData). -> **Note :** La méthode non-strandard `sendAsBinary `est dépréciée à partir de Gecko 31 {{ geckoRelease(31) }} et sera prochainement supprimée. La méthode standard `send(Blob data)` peut être utilisée à la place. +> **Note :** La méthode non-standard `sendAsBinary` est dépréciée à partir de Gecko 31 et sera prochainement supprimée. La méthode standard `send(Blob data)` peut être utilisée à la place. ### Utiliser les objets FormData @@ -715,11 +715,11 @@ oReq.send(null); {{fx_minversion_note(5, "Les versions de Firefox avant Firefox 5 pouvaient utiliser <code>netscape.security.PrivilegeManager.enablePrivilege(\"UniversalBrowserRead\");</code> pour demander un accès cross-site. Ce n'est plus supporté, me^me si cela ne produit aucun avertissement et que la demande de permission est toujours présente.")}} -La manière recommandée d'activer les requêtes cross-sites est d'utiliser le header HTTP `Access-Control-Allow-Origin `dans la réponse du XMLHttpRequest. +La manière recommandée d'activer les requêtes intersites est d'utiliser l'en-tête HTTP `Access-Control-Allow-Origin` dans la réponse du `XMLHttpRequest`. ### XMLHttpRequests stoppées -Si vous vous retrouvez avec une XMLHttpRequest ayant `status=0` et `statusText=null`, cela signifie que la requête n'a pas été autorisée à être effectuée. Elle a été [`UNSENT`](http://www.w3.org/TR/XMLHttpRequest/#dom-xmlhttprequest-unsent). Une cause probable est lorsque [l'origine `XMLHttpRequest` ](http://www.w3.org/TR/XMLHttpRequest/#xmlhttprequest-origin) (lors de la création de l'objet XMLHttpRequest) a changé quand l'objet XMLHttpRequest est déjà  open(). Ce cas peut se produire par exemple lorsque l'on a une XMLHttpRequest qui est lancée sur un évènement onunload d'une fenêtre: l'objet XMLHttpRequest est en fait créé lorsque la fenêtre sur le point de se fermer est toujours là , et la demande est envoyée (c'est à dire open()) lorsque cette fenêtre a perdu son focus et une autre fenêtre a potentiellement pris le focus. La manière d'éviter ce problème est de fixer un écouteur sur l'évènement "activate" de la nouvelle fenêtre qui se lance quand l'ancienne fenêtre a son événement "unload" lancé. +Si vous vous retrouvez avec une `XMLHttpRequest` ayant `status=0` et `statusText=null`, cela signifie que la requête n'a pas été autorisée à être effectuée. Elle a été [`UNSENT`](https://xhr.spec.whatwg.org/#dom-xmlhttprequest-unsent). Une cause probable est lorsque [l'origine `XMLHttpRequest`](https://www.w3.org/TR/2010/CR-XMLHttpRequest-20100803/#xmlhttprequest-origin) (lors de la création de l'objet `XMLHttpRequest`) a changé quand l'objet `XMLHttpRequest` est déjà `open()`. Ce cas peut se produire par exemple lorsque l'on a une `XMLHttpRequest` qui est lancée sur un évènement `onunload` d'une fenêtre : l'objet `XMLHttpRequest` est en fait créé lorsque la fenêtre sur le point de se fermer est toujours là , et la demande est envoyée (c'est-à -dire `open()`) lorsque cette fenêtre a perdu son focus et une autre fenêtre a potentiellement pris le focus. La manière d'éviter ce problème est de fixer un écouteur sur l'évènement `activate` de la nouvelle fenêtre qui se lance quand l'ancienne fenêtre a son évènement `unload` lancé. ## Utiliser XMLHttpRequest depuis un module JavaScript / un composant XPCOM diff --git a/files/fr/web/api/xmlhttprequest/xmlhttprequest/index.md b/files/fr/web/api/xmlhttprequest/xmlhttprequest/index.md index d41ee31f3a..58857af3a9 100644 --- a/files/fr/web/api/xmlhttprequest/xmlhttprequest/index.md +++ b/files/fr/web/api/xmlhttprequest/xmlhttprequest/index.md @@ -48,7 +48,7 @@ Firefox 16 a ajouté un paramètre non standard au constructeur qui peut activer - `mozAnon` - : Booléen: Mettre ce drapeau à `true` évitera au navigateur d'exposer le {{Glossary("origin")}} and [credentials de l'utilisateur](http://www.w3.org/TR/2012/WD-XMLHttpRequest-20120117/#user-credentials) lors de la récupération des ressources. Plus important, cela signifie que les {{Glossary("Cookie", "cookies")}} ne seront pas envoyés, sauf si ils sont clairement ajoutés en utilisant setRequestHeader. - `mozSystem` - - : Booléen: Mettre ce drapeau à `true` autorise les connections cross-site sans requérir le serveur à utiliser {{Glossary("CORS")}}. _Paramètre requis_ :_ `mozAnon: true`, i.e. cela ne peut pas être combiné avec l'envoi de cookies ou d'autres identifiants utilisateurs. Cela fonctionne seulement sur les applications autorisées ({{Bug("692677")}}); ne marche pas sur les pages chargées arbitraitement dans Firefox_ + - : Booléen : mettre ce drapeau à `true` autorise les connexions intersites sans requérir le serveur à utiliser [`CORS`](/fr/docs/Glossary/CORS). *Paramètre requis : `mozAnon: true`, par exemple, cela ne peut pas être combiné avec l'envoi de cookies ou d'autres identifiants utilisateurs. Cela fonctionne seulement sur les applications autorisées ([bug 692677](https://bugzilla.mozilla.org/show_bug.cgi?id=692677)); ne marche pas sur les pages chargées arbitrairement dans Firefox.* ## Voir aussi diff --git a/files/fr/web/api/xsltprocessor/index.md b/files/fr/web/api/xsltprocessor/index.md index 27da398efa..793e83378a 100644 --- a/files/fr/web/api/xsltprocessor/index.md +++ b/files/fr/web/api/xsltprocessor/index.md @@ -22,11 +22,11 @@ Le constructeur n'a pas de paramètre. ## Méthodes -- `[Throws] void `{{domxref("XSLTProcessor.importStylesheet")}}`(`{{domxref("Node")}}` styleSheet)` +- `[Throws] void` [`XSLTProcessor.importStylesheet`](/fr/docs/Web/API/XSLTProcessor/importStylesheet)`(`[`Node`](/fr/docs/Web/API/Node) `styleSheet)` - : Importe une feuille de style XSLT. Si le nœud passé en argument est un nœud de document, vous pouvez passer une transformation XSL complète ou un [transformation d'élèment résultant](http://www.w3.org/TR/xslt#result-element-stylesheet); sinon, il doit s'agir d'un élèment `<xsl:stylesheet>` ou `<xsl:transform>`. -- `[Throws] `{{domxref("DocumentFragment")}} {{domxref("XSLTProcessor.transformToFragment")}}`(`{{domxref("Node")}}` source, `{{domxref("Document")}}` owner)` +- `[Throws]` [`DocumentFragment`](/fr/docs/Web/API/DocumentFragment) [`XSLTProcessor.transformToFragment`](/fr/docs/Web/API/XSLTProcessor/transformToFragment)`(`[`Node`](/fr/docs/Web/API/Node) `source`, [`Document`](/fr/docs/Web/API/Document) `owner)` - : Transforme la source du nœud en applicant la fonction {{domxref("XSLTProcessor.importStylesheet()")}}. Le document propriétaire du fragment de document résultant est le nœud propriétaire. -- [`[Throws]`](/en-US/docs/Mozilla/WebIDL_bindings#Throws) {{domxref("Document")}} {{domxref("XSLTProcessor.transformToDocument")}}`(`{{domxref("Node")}}` source)` +- [`[Throws]`](/fr/docs/Mozilla/WebIDL_bindings#Throws) [`Document`](/fr/docs/Web/API/Document) [`XSLTProcessor.transformToDocument`](/fr/docs/Web/API/XSLTProcessor/transformToDocument)`(`[`Node`](/fr/docs/Web/API/Node) `source)` - : Transforme la source du nœud en appliquant la feuille de style donnée lors de l'importation à l'aide de la fonction {{domxref ("XSLTProcessor.importStylesheet ()")}}. @@ -38,15 +38,15 @@ Le constructeur n'a pas de paramètre. | `xml` | {{domxref("XMLDocument")}} | | `text` | {{domxref("XMLDocument")}} avec un seul élèment racine `<transformiix:result>` avec le texte comme enfant | -- `[Throws] void `{{domxref("XSLTProcessor.setParameter")}}`(`{{jsxref("String")}}` namespaceURI, `{{jsxref("String")}}` localName, any value)` +- `[Throws] void` [`XSLTProcessor.setParameter`](/fr/docs/Web/API/XSLTProcessor/setParameter)`(`[`String`](/fr/docs/Web/JavaScript/Reference/Global_Objects/String) `namespaceURI`, [`String`](/fr/docs/Web/JavaScript/Reference/Global_Objects/String) `localName, any value)` - : Définit un paramètre dans la feuille de style XSLT qui a été importée. (Définit la valeur d'un `<xsl:param>`.) Une valeur nulle pour `namespaceURI` sera traitée comme une chaîne vide. -- `[Throws] any `{{domxref("XSLTProcessor.getParameter")}}`(`{{jsxref("String")}}` namespaceURI, `{{jsxref("String")}}` localName)` +- `[Throws] any` [`XSLTProcessor.getParameter`](/fr/docs/Web/API/XSLTProcessor/getParameter)`(`[`String`](/fr/docs/Web/JavaScript/Reference/Global_Objects/String) `namespaceURI`, [`String`](/fr/docs/Web/JavaScript/Reference/Global_Objects/String) `localName)` - : Récupére un paramètre de la feuille de style XSLT. Une valeur nulle pour `namespaceURI` sera traitée comme une chaîne vide. -- `[Throws] void `{{domxref("XSLTProcessor.removeParameter")}}`(`{{jsxref("String")}}` namespaceURI, `{{jsxref("String")}}` localName)` +- `[Throws] void` [`XSLTProcessor.removeParameter`](/fr/docs/Web/API/XSLTProcessor/removeParameter)`(`[`String`](/fr/docs/Web/JavaScript/Reference/Global_Objects/String) `namespaceURI`, [`String`](/fr/docs/Web/JavaScript/Reference/Global_Objects/String) `localName)` - : Supprime le paramètre s'il a déjà été défni. Le `XSLTProcessor` utilisera alors la valeur par défaut du paramètre. Si une valeur nulle est donnée pour `namespaceURI`, elle sera traitée comme une chaîne vide. -- `void `{{domxref("XSLTProcessor.clearParameters()")}} +- `void` [`XSLTProcessor.clearParameters()`](/fr/docs/Web/API/XSLTProcessor/clearParameters) - : Supprime tous les paramètres définis dans le `XSLTProcessor`. Le `XSLTProcessor` utilisera alors les valeurs par défaut spécifiées dans la feuille de style XSLT. -- `void `{{domxref("XSLTProcessor.reset()")}} +- `void` [`XSLTProcessor.reset()`](/fr/docs/Web/API/XSLTProcessor/reset) - : Supprime tous les paramétres et feuilles de style du `XSLTProcessor`. ## Propriétés @@ -55,7 +55,7 @@ Le constructeur n'a pas de paramètre. Les propriétés suivantes sont [`[ChromeOnly]`](/en-US/docs/Mozilla/WebIDL_bindings#ChromeOnly) et ne sont pas apparentes au contenu Web : -- `[ChromeOnly] attribute unsigned long `{{domxref("XSLTProcessor.flags")}} +- `[ChromeOnly] attribute unsigned long` [`XSLTProcessor.flags`](/fr/docs/Web/API/XSLTProcessor/flags) - : Drapeaux qui modifient le comportement du processeur. Pas de réinitialisation en appelant {{domxref("XSLTProcessor.reset()")}}. Valeur par défaut: `0` |