diff options
Diffstat (limited to 'files/fr/web')
56 files changed, 85 insertions, 674 deletions
diff --git a/files/fr/web/accessibility/aria/widgets/overview/index.html b/files/fr/web/accessibility/aria/widgets/overview/index.html deleted file mode 100644 index d951326193..0000000000 --- a/files/fr/web/accessibility/aria/widgets/overview/index.html +++ /dev/null @@ -1,78 +0,0 @@ ---- -title: Vue d'ensemble -slug: Web/Accessibility/ARIA/widgets/overview -tags: - - Accessibility - - JavaScript - - Landing - - NeedsUpdate -translation_of: Web/Accessibility/ARIA/widgets/overview ---- -<div class="warning">Attention: besoin d'une mise à jour</div> - -<h2 id="Introduction_2"><span class="mw-headline" id="Introduction">Introduction</span></h2> - -<p>Voici un aperçu de quelques exemples concrets et de bonnes pratiques pour la création de contrôles DHTML (<em>widgets</em>) JavaScript.</p> - -<h2 id="Ressources_générales"><span class="mw-headline" id="General_Resources">Ressources</span> générales</h2> - -<ul> - <li><a class="external text" href="http://dev.aol.com/dhtml_style_guide" rel="nofollow">Le guide du style DHTML</a> fournit des recommandations d'interaction clavier</li> - <li><a class="external text" href="http://www.w3.org/wai/pf/aria-practices" rel="nofollow">Guide pour les auteurs WAI-ARIA</a></li> -</ul> - -<h2 id="Case_(checkbox)">Case (checkbox)</h2> - -<ul> - <li><a class="external text" href="http://www.paciellogroup.com/blog/?p=53" rel="nofollow">Exemples de boutons radio ARIA et case à trois états</a> (tiré du blog "The Paciello Group")</li> - <li><a class="external text" href="http://test.cita.uiuc.edu/aria/checkbox" rel="nofollow">Exemple de case de contrôle ARIA de l'Université d'Illinois</a></li> -</ul> - -<h2 id="Menu_2"><span class="mw-headline" id="Menu">Menu</span></h2> - -<ul> - <li><a class="external text" href="http://yuiblog.com/blog/2007/12/21/menu-waiaria/" rel="nofollow">Utiliser les rôles & états WAI-ARIA avec le menu de contrôle YUI</a></li> -</ul> - -<h2 id="Glissière_(slider)"><span class="mw-headline" id="Slider">Glissière (slider</span>)</h2> - -<ul> - <li>Tiré du blog Paciello Group : glissière ARIA, <a class="external text" href="http://www.paciellogroup.com/blog/?p=68" rel="nofollow">partie une</a>, <a class="external text" href="http://www.paciellogroup.com/blog/?p=69" rel="nofollow">partie deux</a>, <a class="external text" href="http://www.paciellogroup.com/blog/?p=76" rel="nofollow">partie trois</a> (<a class="external text" href="http://www.paciellogroup.com/blog/misc/ARIA/slider/" rel="nofollow">exemple</a>)</li> - <li><a class="external text" href="http://mindtrove.info/articles/creating-an-accessible-internationalized-dojo-rating-widget/" rel="nofollow">Créer un contrôle d'évaluation (rating widget) Dojo accessible et internationalisé</a></li> -</ul> - -<h2 id="Onglets_(tabs)">Onglets (tabs)</h2> - -<ul> - <li><a class="external text" href="http://yuiblog.com/blog/2008/07/30/tabview-aria/" rel="nofollow">Améliorer l'accessibilité de la TabView grâce aux rôles & états WAI-ARIA</a>, tiré du blog YUI</li> - <li><a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/tabs" rel="nofollow">Améliorer les onglets UI jQuery selon WCAG 2.0 et ARIA</a></li> - <li><a class="external text" href="http://codetalks.org/source/widgets/tabpanel/tabpanel1.html" rel="nofollow">Exemple de panneau à onglet sur CodeTalks</a></li> -</ul> - -<h2 id="Combobox_2"><span class="mw-headline" id="Combobox">Combobox</span></h2> - -<ul> - <li><a class="external text" href="http://www.protofunc.com/scripts/jquery/select/" rel="nofollow">Combobox simple (non éditable) comme remplacement de selectbox</a></li> -</ul> - -<h2 id="Lightbox_2"><span class="mw-headline" id="Lightbox">Lightbox</span></h2> - -<ul> - <li><a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/lightbox" rel="nofollow">Application lightbox</a> <a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/table" rel="nofollow">conforme</a> à <a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/lightbox" rel="nofollow">WCAG 2.0 et ARIA</a></li> - <li><a class="external free" href="http://majx-js.digissime.net/js/popin/" rel="nofollow">http://majx-js.digissime.net/js/popin/</a></li> -</ul> - -<h2 id="Validation_de_formulaire"><span class="mw-headline" id="Form_Validation">Validation</span> de formulaire</h2> - -<ul> - <li><a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/formular" rel="nofollow">Validation de formulaire en direct conforme à WCAG 2.0 et ARIA</a></li> -</ul> - -<h2 id="Tables"><span class="mw-headline" id="Table">Tables</span></h2> - -<ul> - <li><a class="external text" href="http://www.einfach-fuer-alle.de/artikel/barrierefreie-formulare-mit-html-css-und-javascript/" rel="nofollow">Tutoriel en allemand sur la création de formulaire accessible</a></li> - <li><a class="external text" href="http://codetalks.org/source/widgets/grid/grid.sample.html" rel="nofollow">Exemple simple de grille sur CodeTalks</a></li> - <li><a class="external text" href="http://codetalks.org/source/widgets/datepicker/datepicker.sample.html" rel="nofollow">Grille de sélection de date sur CodeTalks</a></li> - <li><a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/table" rel="nofollow">Tables triables conformes à WCAG 2.0 et ARIA</a></li> -</ul> diff --git a/files/fr/web/api/cachestorage/match/index.html b/files/fr/web/api/cachestorage/match/index.html index 42346f8fd0..22e25ab644 100644 --- a/files/fr/web/api/cachestorage/match/index.html +++ b/files/fr/web/api/cachestorage/match/index.html @@ -40,7 +40,7 @@ translation_of: Web/API/CacheStorage/match <li><code>ignoreSearch</code>: Un {{domxref("Boolean")}} qui détermine si le preocessus de rapprochement doit ignorer la chaîne de requête dans l'url. Défini à <code>true</code>, la partie <code>?value=bar</code> de <code>http://foo.com/?value=bar</code> sera ignoré lors d'un rapporchement. La valeur par défaut est <code>false</code>.</li> <li><code>ignoreMethod</code>: Un {{domxref("Boolean")}} qui, quand défini à <code>true</code>, empêche l'opération de rapprochement de valider le verbe http de la {{domxref("Request", "Requête")}} <code>http</code> (normalement, seulement <code>GET</code> et <code>HEAD</code> sont authorisés) La valeur par défaut est <code>false</code>.</li> <li><code>ignoreVary</code>: Un {{domxref("Boolean")}} qui, quand défini à <code>true</code>, dit à l'opération de rapprochement de ne pas faire le rapprochement avec le header <code>VARY</code>. En d'autres termes, si une URL est sélectionnée elle sera conservée indépemment de la présence du header <code>VARY</code>. La valeur par défaut est <code>false</code>.</li> - <li><code>cacheName</code>: Un {{domxref("DOMString")}} qui représente le cache dans lequel on recherche.<span style="display: none;"> </span></li> + <li><code>cacheName</code>: Un {{domxref("DOMString")}} qui représente le cache dans lequel on recherche.<span class="hidden"> </span></li> </ul> </dd> </dl> diff --git a/files/fr/web/api/canvasgradient/addcolorstop/index.html b/files/fr/web/api/canvasgradient/addcolorstop/index.html index 76059cf23b..3929dde01b 100644 --- a/files/fr/web/api/canvasgradient/addcolorstop/index.html +++ b/files/fr/web/api/canvasgradient/addcolorstop/index.html @@ -52,7 +52,7 @@ ctx.fillRect(10, 10, 200, 100); <p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/arc/index.html b/files/fr/web/api/canvasrenderingcontext2d/arc/index.html index 28219272c1..f71bbb14db 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/arc/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/arc/index.html @@ -55,7 +55,7 @@ ctx.stroke();</code></pre> <p>Modifiez le code ci-dessous et voyez les changements en direct sur le canvas :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code" name="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> @@ -101,7 +101,7 @@ window.addEventListener("load", drawCanvas); <p>Dans cet exemple, plusieurs formes différentes sont dessinées, afin de montrer les possibilités offertes par <code>arc()</code>.</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="HTML_2">HTML</h6> <pre class="brush: html"><canvas id="canvas" width="150" height="200"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html b/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html index 4df338c796..63a7c190dc 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html @@ -49,7 +49,7 @@ ctx.stroke(); <p>Éditez le code ci-dessous pour voir vos changements directemment apportés au canvas:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html b/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html index b3748ccbd7..6d32bb14f5 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html @@ -40,7 +40,7 @@ ctx.stroke(); <p>Editez le code ci-dessous et observez les répercutions dans le canvas:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html b/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html index 76fb50df9f..a764bd4477 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html @@ -70,7 +70,7 @@ ctx.fillRect(10, 10, 200, 100); <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel sur le canevas :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html b/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html index 1d217a65b7..9355533e78 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html @@ -65,7 +65,6 @@ void <var><em>ctx</em>.drawImage(image, sx, sy, sLargeur, sHauteur, dx, dy, dLar <h4 id="HTML">HTML</h4> <pre class="brush: html"><canvas id="canvas"></canvas> -<div style="display:none;"> <img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"> </div> @@ -82,11 +81,10 @@ ctx.drawImage(image, 33, 71, 104, 124, 21, 20, 87, 104); <p>Éditez le code suivant pour voir les changements en direct dans la balise canvas:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> -<div style="display:none;"> <img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"> </div> <div class="playable-buttons"> diff --git a/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html b/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html index 61d8e1345d..80b247abdc 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html @@ -62,7 +62,7 @@ ctx.stroke(); <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas (vérifiez le support de votre navigateur dans la table de compatibilité si aucune ellipse n'est tracée) :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code" name="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html b/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html index 2a5e36e2cb..3bec32ef04 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html @@ -54,7 +54,7 @@ ctx.fillRect(10, 10, 100, 100); <p>Éditez le code suivant pour voir les changements en direct dans la balise canvas:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html b/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html index 666e230f59..598c9bb3ac 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html @@ -58,7 +58,7 @@ ctx.fillText('Hello world', 50, 100); <p>Modifiez le code ci-dessous et voyez vos changements être mis à jour en temps réel dans le canevas :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html b/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html index 51359d72fd..afa3187b8b 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html @@ -51,7 +51,7 @@ ctx.stroke(); <p>Éditez le code suivant pour voir les changements en direct:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html b/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html index f7890599d4..a290011500 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html @@ -49,7 +49,7 @@ ctx.stroke(); <p>Éditez le code ci-dessous pour voir vos changements mettre à jour le canvas en direct:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/rect/index.html b/files/fr/web/api/canvasrenderingcontext2d/rect/index.html index f030ad7c92..72cc18fca8 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/rect/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/rect/index.html @@ -51,7 +51,7 @@ ctx.fill(); <p>Éditez le code ci-dessous pour voir vos mises à jour apportées au canvas directement:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html b/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html index 94dabd0201..66a5dcea2d 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html @@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0); <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/scale/index.html b/files/fr/web/api/canvasrenderingcontext2d/scale/index.html index 91746be321..d0315f61ea 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/scale/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/scale/index.html @@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0); <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> @@ -100,7 +100,7 @@ window.addEventListener("load", drawCanvas); <p>Vous pouvez utiliser <code>ctx.scale(-1, 1)</code> pour retourner le contexte horizontalement et <code>ctx.scale(1, -1) </code>pour le retourner verticalement.</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code2">Playable code2</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html b/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html index 99a57ca4c5..2f821c9367 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html @@ -69,7 +69,7 @@ ctx.stroke(); <p>Editez le code ci-dessous et observez les changements se produire dans le canvas:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html b/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html index 54a288091b..e538f72e22 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html @@ -61,7 +61,7 @@ ctx.fillRect(0, 0, 100, 100); <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html b/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html index 59f9bb5f95..4813eca699 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html @@ -41,7 +41,7 @@ ctx.stroke(); <p>Editer le code en dessous et voir vos modifications mises à jour en direct dans le canevas :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html b/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html index e2ac6a0f97..e625af9801 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html @@ -53,7 +53,7 @@ ctx.strokeRect(10, 10, 100, 100); <p>Éditez le code suivant pour voir les changements en direct dans la balise canvas:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html b/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html index 379e409679..8c89a5bf6b 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html @@ -58,7 +58,7 @@ ctx.strokeText('Hello world', 50, 100); <p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/transform/index.html b/files/fr/web/api/canvasrenderingcontext2d/transform/index.html index fa60151b13..f90c0fca72 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/transform/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/transform/index.html @@ -61,7 +61,7 @@ ctx.fillRect(0, 0, 100, 100); <p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/translate/index.html b/files/fr/web/api/canvasrenderingcontext2d/translate/index.html index 6146a88b6c..2ea645a83d 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/translate/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/translate/index.html @@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0); <p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct sur le canevas :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/childnode/after/index.html b/files/fr/web/api/childnode/after/index.html index 60fc5d339d..474d64a307 100644 --- a/files/fr/web/api/childnode/after/index.html +++ b/files/fr/web/api/childnode/after/index.html @@ -56,7 +56,7 @@ parent.appendChild(child); child.after("Text"); console.log(parent.outerHTML); -// "<div><p></p>Texte</div>"</pre> +// "<div><p></p>Text</div>"</pre> <h3 id="Insertion_d'un_élément_et_de_texte">Insertion d'un élément et de texte</h3> @@ -68,7 +68,7 @@ var span = document.createElement("span"); child.after(span, "Text"); console.log(parent.outerHTML); -// "<div><p></p><span></span>Texte</div>"</pre> +// "<div><p></p><span></span>Text</div>"</pre> <h3 id="ChildNode.after()_n'est_pas_accessible"><code>ChildNode.after()</code> n'est pas accessible</h3> diff --git a/files/fr/web/api/credential/index.html b/files/fr/web/api/credential/index.html index 3c0956f0df..e4d0953c70 100644 --- a/files/fr/web/api/credential/index.html +++ b/files/fr/web/api/credential/index.html @@ -23,7 +23,7 @@ translation_of: Web/API/Credential <ul> <li><code>password</code> (pour {{domxref("PasswordCredential")}})</li> <li><code>federated</code> (pour {{domxref("FederatedCredential")}})</li> - <li><code>public-key</code> (pour {{domxref("PublicKeyCredential")}})<span style="display: none;"> </span></li> + <li><code>public-key</code> (pour {{domxref("PublicKeyCredential")}})<span class="hidden"> </span></li> </ul> </dd> </dl> diff --git a/files/fr/web/api/documentorshadowroot/activeelement/index.html b/files/fr/web/api/document/activeelement/index.html index c9fb2d863c..fe982e77d7 100644 --- a/files/fr/web/api/documentorshadowroot/activeelement/index.html +++ b/files/fr/web/api/document/activeelement/index.html @@ -1,11 +1,11 @@ --- title: document.activeElement -slug: Web/API/DocumentOrShadowRoot/activeElement +slug: Web/API/Document/activeElement tags: - Référence_du_DOM_Gecko translation_of: Web/API/DocumentOrShadowRoot/activeElement translation_of_original: Web/API/Document/activeElement -original_slug: Web/API/Document/activeElement +original_slug: Web/API/DocumentOrShadowRoot/activeElement --- <p>{{ ApiRef() }}</p> <h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3> diff --git a/files/fr/web/api/document/adoptnode/index.html b/files/fr/web/api/document/adoptnode/index.html index 959e060387..16b8760df2 100644 --- a/files/fr/web/api/document/adoptnode/index.html +++ b/files/fr/web/api/document/adoptnode/index.html @@ -24,8 +24,8 @@ translation_of: Web/API/Document/adoptNode </pre> <dl> - <dt><code><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span>node</code></dt> - <dd>est le noeud adopté qui a maintenant ce document en tant que son <code><a href="/en-US/docs/DOM/Node.ownerDocument" title="DOM/Node.ownerDocument">ownerDocument</a></code> (<em>document propriétaire</em>). Le <a href="/en-US/docs/DOM/Node.parentNode"><code>parentNode</code></a> du noeud est <code>null</code>, car il n'a pas encore été inséré dans l'arborescence du document. Notez que <code>node</code> et <code>externalNode</code> sont le même objet après cet appel.<span style="display: none;"> </span><span style="display: none;"> </span></dd> + <dt><code><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span>node</code></dt> + <dd>est le noeud adopté qui a maintenant ce document en tant que son <code><a href="/en-US/docs/DOM/Node.ownerDocument" title="DOM/Node.ownerDocument">ownerDocument</a></code> (<em>document propriétaire</em>). Le <a href="/en-US/docs/DOM/Node.parentNode"><code>parentNode</code></a> du noeud est <code>null</code>, car il n'a pas encore été inséré dans l'arborescence du document. Notez que <code>node</code> et <code>externalNode</code> sont le même objet après cet appel.<span class="hidden"> </span><span class="hidden"> </span></dd> <dt><code>externalNode</code></dt> <dd>est le noeud à adopter existant dans un autre document.</dd> </dl> diff --git a/files/fr/web/api/document/compatmode/index.html b/files/fr/web/api/document/compatmode/index.html index 23cd1c1dbd..0197c02c50 100644 --- a/files/fr/web/api/document/compatmode/index.html +++ b/files/fr/web/api/document/compatmode/index.html @@ -20,7 +20,7 @@ translation_of: Web/API/Document/compatMode <h2 id="Valeurs">Valeurs</h2> <ul> - <li><code>"BackCompat"</code> si le document est a<span style="display: none;"> </span>ffiché en mode<span style="display: none;"> </span><span style="display: none;"> </span> "quirks" ;<span style="display: none;"> </span></li> + <li><code>"BackCompat"</code> si le document est a<span class="hidden"> </span>ffiché en mode<span class="hidden"> </span><span class="hidden"> </span> "quirks" ;<span class="hidden"> </span></li> </ul> <dl> @@ -29,7 +29,7 @@ translation_of: Web/API/Document/compatMode </dl> <ul> - <li><code>"CSS1Compat"</code> si le document est affiché en mode "no-quirks" (aussi connu sous le nom de mode "standard") ou "limited-quirks" (mo<span style="display: none;"> </span>de "proche du standard").</li> + <li><code>"CSS1Compat"</code> si le document est affiché en mode "no-quirks" (aussi connu sous le nom de mode "standard") ou "limited-quirks" (mo<span class="hidden"> </span>de "proche du standard").</li> </ul> <dl> diff --git a/files/fr/web/api/document/execcommand/index.html b/files/fr/web/api/document/execcommand/index.html index 0828ac309b..dd90b03485 100644 --- a/files/fr/web/api/document/execcommand/index.html +++ b/files/fr/web/api/document/execcommand/index.html @@ -338,7 +338,7 @@ translation_of: Web/API/Document/execCommand </div> </div> -<div id="compat-mobile" style="display: none;"> +<div id="compat-mobile" class="hidden"> <table class="compat-table"> <tbody> <tr> diff --git a/files/fr/web/api/documentorshadowroot/stylesheets/index.html b/files/fr/web/api/document/stylesheets/index.html index e61287ae60..2965e4eb43 100644 --- a/files/fr/web/api/documentorshadowroot/stylesheets/index.html +++ b/files/fr/web/api/document/stylesheets/index.html @@ -1,9 +1,9 @@ --- title: Document.styleSheets -slug: Web/API/DocumentOrShadowRoot/styleSheets +slug: Web/API/Document/styleSheets translation_of: Web/API/DocumentOrShadowRoot/styleSheets translation_of_original: Web/API/Document/styleSheets -original_slug: Web/API/Document/styleSheets +original_slug: Web/API/DocumentOrShadowRoot/styleSheets --- <div>{{APIRef}}</div> diff --git a/files/fr/web/api/elementcssinlinestyle/style/index.html b/files/fr/web/api/elementcssinlinestyle/style/index.html index 69b6276029..f6a4337edf 100644 --- a/files/fr/web/api/elementcssinlinestyle/style/index.html +++ b/files/fr/web/api/elementcssinlinestyle/style/index.html @@ -43,7 +43,7 @@ div.style.marginTop = ".25cm"; <p>{{Compat("api.HTMLElement.style")}}</p> -<h2 id="Sp.C3.A9cification" name="Sp.C3.A9cification"><span id="1236997045923S" style="display: none;"> </span>Voir aussi</h2> +<h2 id="Sp.C3.A9cification" name="Sp.C3.A9cification"><span id="1236997045923S" class="hidden"> </span>Voir aussi</h2> <ul> <li><a class="internal" href="/en/CSS/CSS_Reference" title="en/CSS/CSS_Reference">Liste des propriétés CSS DOM</a> (en)</li> diff --git a/files/fr/web/api/event/event/index.html b/files/fr/web/api/event/event/index.html index aeb96638d8..464a126f19 100644 --- a/files/fr/web/api/event/event/index.html +++ b/files/fr/web/api/event/event/index.html @@ -30,7 +30,7 @@ translation_of: Web/API/Event/Event <ul> <li><code>bubbles</code>: (facultatif) un {{jsxref("Boolean")}} indiquant si les événements sont propagés . Par défaut est <code>false</code> (<em>faux</em>).</li> <li><code>cancelable</code>: (facultatif) un {{jsxref("Boolean")}} indiquant si l'évènement peut être annulé. Par défaut est <code>false</code> (<em>faux</em>) .</li> - <li><code>composed</code>: ( facultatif ) un {{jsxref("Boolean")}} indiquant si l'évènement déclenchera les écouteurs en dehors d'une racine shadow (voir {{domxref("Event.composed")}} pour plus de détails). Par défaut est <code>false</code> (<em>faux</em>) .<span style="display: none;"> </span></li> + <li><code>composed</code>: ( facultatif ) un {{jsxref("Boolean")}} indiquant si l'évènement déclenchera les écouteurs en dehors d'une racine shadow (voir {{domxref("Event.composed")}} pour plus de détails). Par défaut est <code>false</code> (<em>faux</em>) .<span class="hidden"> </span></li> </ul> </dd> </dl> diff --git a/files/fr/web/api/htmlhyperlinkelementutils/index.html b/files/fr/web/api/htmlhyperlinkelementutils/index.html deleted file mode 100644 index 2470d4cf12..0000000000 --- a/files/fr/web/api/htmlhyperlinkelementutils/index.html +++ /dev/null @@ -1,214 +0,0 @@ ---- -title: URLUtils -slug: Web/API/HTMLHyperlinkElementUtils -tags: - - API - - Experimental - - JavaScript - - Reference - - URL -translation_of: Web/API/HTMLHyperlinkElementUtils -original_slug: Web/API/URLUtils ---- -<p>{{APIRef}}{{SeeCompatTable}}</p> -<p>L'interface <strong><code>URLUtils</code></strong> définit des méthodes utilitaires pour travailler avec les URL.</p> -<p>il n'y a pas d'objets de ce type, mais quelques objets l'implémentent, comme {{domxref("Location")}}, {{domxref("URL")}}, {{domxref("HTMLAnchorElement")}}, et {{domxref("HTMLAreaElement")}}.</p> -<h2 id="Propriétés">Propriétés</h2> -<p><em>Cette interface n'hérite d'aucune propriété.</em></p> -<dl> - <dt> - {{domxref("URLUtils.href")}}</dt> - <dd> - Une {{domxref("DOMString")}} contenant l'URL entière.</dd> - <dt> - {{domxref("URLUtils.protocol")}}</dt> - <dd> - Une {{domxref("DOMString")}} contenant le schéma de protocole de l'URL, incluant le <code>':'</code> final.</dd> - <dt> - {{domxref("URLUtils.host")}}</dt> - <dd> - Une {{domxref("DOMString")}} contenant <em>l'hôte,</em> c'est-à-dire le <em>domaine</em>, et, si le <em>port</em> de l'URL n'est pas vide (ce qui peut arriver s'il n'a pas été spécifié ou si la valeur spécifiée est celle du port par défaut du schéma de l'URL), un <code>':'</code>, et le <em>port</em> de l'URL.</dd> - <dt> - {{domxref("URLUtils.hostname")}}</dt> - <dd> - Une {{domxref("DOMString")}} contenant le domaine de l'URL.</dd> - <dt> - {{domxref("URLUtils.port")}}</dt> - <dd> - Une {{domxref("DOMString")}} contenant le numéro de port de l'URL.</dd> - <dt> - {{domxref("URLUtils.pathname")}}</dt> - <dd> - Une {{domxref("DOMString")}} contenant un <code>'/'</code> initial suivi du chemin de l'URL.</dd> - <dt> - {{domxref("URLUtils.search")}}</dt> - <dd> - Une {{domxref("DOMString")}} contenant un <code>'?'</code> suivi des paramètres de l'URL.</dd> - <dt> - {{domxref("URLUtils.hash")}}</dt> - <dd> - Une {{domxref("DOMString")}} contenant un <code>'#'</code> suivi de <em>l'identifiant de fragment</em> de l'URL.</dd> - <dt> - {{domxref("URLUtils.username")}}</dt> - <dd> - Une {{domxref("DOMString")}} contenant le nom d'utilisateur spécifié devant le nom de domaine.</dd> - <dt> - {{domxref("URLUtils.password")}}</dt> - <dd> - Une {{domxref("DOMString")}} contenant le mot de passe spécifié devant le nom de domaine.</dd> - <dt> - {{domxref("URLUtils.origin")}} {{readonlyInline}}</dt> - <dd> - Retourne une {{domxref("DOMString")}} contenant l'origine de l'URL, c'est-à-dire son schéma, son domaine et son port.</dd> - <dt> - {{domxref("URLUtils.searchParams")}}</dt> - <dd> - Retourne un objet {{domxref("URLSearchParams")}} permettant d'accéder aux arguments de requête GET contenus dans l'URL.</dd> -</dl> -<h2 id="Méthodes">Méthodes</h2> -<p><em>Cette interface n'hérite d'aucune méthode.</em></p> -<dl> - <dt> - {{domxref("URLUtils.toString()")}}</dt> - <dd> - Retourne une {{domxref("DOMString")}} contenant l'URL entière. C'est un synonyme de {{domxref("URLUtils.href")}}, sauf qu'il ne peut être utilisé pour modifier la valeur.</dd> -</dl> -<h2 id="Spécifications">Spécifications</h2> -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('URL', '#urlutils', 'URLUtils')}}</td> - <td>{{Spec2('URL')}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> -<h2 id="Compatibilité">Compatibilité</h2> -<p>{{ CompatibilityTable() }}</p> -<div id="compat-desktop"> - <table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Support de base</td> - <td>{{CompatNo}} [1]</td> - <td>{{CompatGeckoDesktop("22")}} [1]</td> - <td>{{CompatNo}} [1]</td> - <td>{{CompatNo}} [1]</td> - <td>{{CompatNo}} [1]</td> - </tr> - <tr> - <td>searchParams</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("29")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>username</code> et <code>password</code></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("26")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>origin</code></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("26")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>origin</code> sur <code>Window.location</code></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("21")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> - </table> -</div> -<div id="compat-mobile"> - <table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Support de base</td> - <td>{{CompatNo}} [1]</td> - <td>{{CompatNo}} [1]</td> - <td>{{CompatGeckoMobile("22")}} [1]</td> - <td>{{CompatNo}} [1]</td> - <td>{{CompatNo}} [1]</td> - <td>{{CompatNo}} [1]</td> - </tr> - <tr> - <td>searchParams</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>username</code> et <code>password</code></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("26")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>origin</code></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("26")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>origin</code> sur <code>Window.location</code></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("21")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> - </table> -</div> -<p>[1] Bien qu'elles ne soient pas groupées dans une seule interface abstraite, ces méthodes sont directement disponibles sur les interfaces qui les implémentent, si cette interface est supportée.</p> -<h2 id="Voir_aussi">Voir aussi</h2> -<ul> - <li>Autres interfaces associées aux URL : {{domxref("URL")}}, {{domxref("URLUtils")}}, et {{domxref("URLSearchParams")}}.</li> - <li>Interfaces qui implémentent celle-ci : {{domxref("Location")}}, {{domxref("HTMLAnchorElement")}}, {{domxref("HTMLAreaElement")}}.</li> -</ul> diff --git a/files/fr/web/api/mouseevent/index.html b/files/fr/web/api/mouseevent/index.html index 9ca9f98666..f201122012 100644 --- a/files/fr/web/api/mouseevent/index.html +++ b/files/fr/web/api/mouseevent/index.html @@ -85,7 +85,7 @@ translation_of: Web/API/MouseEvent <dd>Alias pour {{domxref("MouseEvent.clientY")}}.</dd> </dl> -<h2 id="Constantes"><span style="display: none;"> </span><span style="display: none;"> </span>Constantes</h2> +<h2 id="Constantes"><span class="hidden"> </span><span class="hidden"> </span>Constantes</h2> <dl> <dt>{{domxref("MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN")}} {{non-standard_inline}}{{readonlyinline}}</dt> diff --git a/files/fr/web/api/passwordcredential/additionaldata/index.html b/files/fr/web/api/passwordcredential/additionaldata/index.html deleted file mode 100644 index 48af22f69e..0000000000 --- a/files/fr/web/api/passwordcredential/additionaldata/index.html +++ /dev/null @@ -1,73 +0,0 @@ ---- -title: PasswordCredential.additionalData -slug: Web/API/PasswordCredential/additionalData -tags: - - API - - Credential Management API - - PasswordCredential - - Propriété - - Reference -translation_of: Web/API/PasswordCredential/additionalData ---- -<p>{{SeeCompatTable}}{{APIRef("")}}{{Deprecated_header}}</p> - -<p>La propriété <strong><code>additionalData</code></strong>, rattachée à l'interface {{domxref("PasswordCredential")}}, est une instance de {{domxref("FormData")}} ou une instane de {{domxref("URLSearchParams")}} ou {{jsxref("null")}}.</p> - -<p>Les données contenues dans l'objet associé seront ajoutées au corps de la requête et envoyées au point distant avec les informations d'authentification.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"><em>passwordCredential</em>.additionalData = formData -<em>formData</em> = <em>passwordCredential</em>.additionalData -passwordCredential.additionalData = urlSearchParams -<em>ulrSearchParams</em> = <em>passwordCredential</em>.additionalData -</pre> - -<h3 id="Valeur">Valeur</h3> - -<p>Une instance {{domxref("FormData")}} ou une instance {{domxref("URLSearchParams")}} ou {{jsxref("null")}}.</p> - -<h2 id="Exemples">Exemples</h2> - -<p>Dans l'exemple suivant, on crée un objet {{domxref("FormData")}} auquel on ajoute un <a href="/docs/Web/Security/Same-origin_policy#How_to_block_cross-origin_access">jeton CSRF</a>. Ensuite, on stocke l'objet du formulaire dans le paramètre <code>additionalData</code> avant de l'envoyer au serveur avec un appel à {{domxref("fetch")}}.</p> - -<pre class="brush: js">// L'objet options a été créé au préalable -navigator.credentials.get(options).then(function(creds) { - if (creds.type == 'password') { - var form = new FormData(); - var csrf_token = document.querySelector('csrf_token').value; - form.append('csrf_token', csrf_token); - - creds.additionalData = form; - - fetch('https://www.example.com', { - method: 'POST', - credentials: creds - }); - }; -});</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Credential Management')}}</td> - <td>{{Spec2('Credential Management')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("api.PasswordCredential.additionalData")}}</p> diff --git a/files/fr/web/api/passwordcredential/idname/index.html b/files/fr/web/api/passwordcredential/idname/index.html deleted file mode 100644 index 61b654c9ea..0000000000 --- a/files/fr/web/api/passwordcredential/idname/index.html +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: idName -slug: Web/API/PasswordCredential/idName -tags: - - API - - PasswordCredential - - Propriété - - Reference - - idName -translation_of: Web/API/PasswordCredential/idName ---- -<p>{{SeeCompatTable}}{{APIRef("")}}{{Deprecated_header}}</p> - -<p><span class="seoSummary">La propriété <strong><code>idName</code></strong> de l'interface {{domxref("PasswordCredential")}} fournit une chaîne de caractères {{domxref("USVString")}} représentant le nom qui sera utilisé pour le champ d'identifiant, </span>lorsqu'on envoie l'objet courant à un point d'accès distant when submitting the current object to a remote endpoint via {{domxref("fetch")}}. Par défaut, cette propriété vaut <code>'username'</code>, mais on peut la définir avec n'importe quelle valeur qui serait attendue de la part d'un service distant.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">var idName = PasswordCredential.idName -PasswordCredential.idName = "userID"</pre> - -<h3 id="Valeur">Valeur</h3> - -<p>Une chaîne de caractères {{domxref("USVString")}} qui représente le nom utilisé pour le champ d'identifiant lorsqu'on envoie l'objet courant à un point distant avec {{domxref("fetch")}}.</p> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush: js">// TBD</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - <tr> - <td>{{SpecName('Credential Management')}}</td> - <td>{{Spec2('Credential Management')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("api.PasswordCredential.idName")}}</p> diff --git a/files/fr/web/api/passwordcredential/passwordname/index.html b/files/fr/web/api/passwordcredential/passwordname/index.html deleted file mode 100644 index d1399f8d18..0000000000 --- a/files/fr/web/api/passwordcredential/passwordname/index.html +++ /dev/null @@ -1,52 +0,0 @@ ---- -title: PasswordCredential.passwordName -slug: Web/API/PasswordCredential/passwordName -tags: - - API - - Credential Management API - - PasswordCredential - - Propriété - - Reference -translation_of: Web/API/PasswordCredential/passwordName ---- -<p>{{SeeCompatTable}}{{APIRef("")}}{{Deprecated_header}}</p> - -<p>La propriété <strong><code>passwordName</code></strong>, rattachée à l'interface {{domxref("PasswordCredential")}}, est une chaîne de caractères {{domxref("USVString")}} qui indique le nom utilisé pour dénommer le champ relatif au mot de passe lors de l'envoi de l'objet courant au point d'accès distant avec {{domxref("fetch")}}. Par défaut, cette propriété vaut <code>'password'</code> mais il est possible de la modifier afin qu'elle corresponde à la valeur attendue par le service distant.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">var passwordName = PasswordCredential.passwordName -PasswordCredential.passwordName = "passcode"</pre> - -<h3 id="Valeur">Valeur</h3> - -<p>Une chaîne de caractères {{domxref("USVString")}} qui représente le nom du champ pour le mot de passe. Ce nom sera utilisé lors de l'envoi de l'objet courant au point d'accès distant avec {{domxref("fetch")}}.</p> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush: js">// TBD</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Credential Management')}}</td> - <td>{{Spec2('Credential Management')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("api.PasswordCredential.passwordName")}}</p> diff --git a/files/fr/web/api/worker/worker/index.html b/files/fr/web/api/worker/worker/index.html index 34717d9a21..662be32858 100644 --- a/files/fr/web/api/worker/worker/index.html +++ b/files/fr/web/api/worker/worker/index.html @@ -30,7 +30,7 @@ translation_of: Web/API/Worker/Worker <ul> <li><code>type</code>: Une {{domxref("DOMString")}} définissant le type de worker à créer. The valeur peuvent être <code>classic</code> ou <code>module</code>. Si cette prpriété n'est pas définie, la valeur sera <code>classic</code>.</li> <li><code>credentials</code>: Une {{domxref("DOMString")}} définissant le type de politique d'origine à utiliser pour le <em>worker</em>. Les valeurs peuvent être <dfn><code>omit</code></dfn>, <code><dfn>same-origin</dfn></code> ou <dfn><code>include</code>. </dfn>Si cette propriété n'est pas définie, ou que type est défini à <code>classic</code>, la valeur sera <code>classic</code>.</li> - <li><code>name</code>: Une {{domxref("DOMString")}} définissant un identifiant pour l'environment du worker {{domxref("DedicatedWorkerGlobalScope")}}, souvent utilisé pour le débogage.<span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span></li> + <li><code>name</code>: Une {{domxref("DOMString")}} définissant un identifiant pour l'environment du worker {{domxref("DedicatedWorkerGlobalScope")}}, souvent utilisé pour le débogage.<span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span></li> </ul> </dd> </dl> diff --git a/files/fr/web/api/xmlhttprequest/sendasbinary/index.html b/files/fr/web/api/xmlhttprequest/sendasbinary/index.html deleted file mode 100644 index d9414ee78c..0000000000 --- a/files/fr/web/api/xmlhttprequest/sendasbinary/index.html +++ /dev/null @@ -1,49 +0,0 @@ ---- -title: XMLHttpRequest.sendAsBinary() -slug: Web/API/XMLHttpRequest/sendAsBinary -tags: - - HTTP - - Méthode - - Non-standard - - Obsolete - - Reference - - XHR -translation_of: Web/API/XMLHttpRequest/sendAsBinary ---- -<div>{{APIRef('XMLHttpRequest')}}</div> - -<p><span class="seoSummary">La méthode <code><strong>sendAsBinary()</strong></code>, rattachée à l'interface {{domxref("XMLHttpRequest")}} est une variante de la méthode {{domxref("XMLHttpRequest.send", "send()")}} qui envoie des données au format binaire. <u><strong>Cette méthode est désormais obsolète</strong></u>. En effet, la méthode <code>send()</code> prend désormais en charge la transmission de données binaires</span>et devrait être utilisée pour cet usage.</p> - -<p>Cette méthode rend possible <a href="/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Submitting_forms_and_uploading_files">la lecture et <strong>l'upload</strong> de tout type de fichier</a> et la <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify">conversion en chaîne </a>des données brutes.</p> - -<div class="warning"> -<p><strong>Attention :</strong> Cette méthode est dépréciée et ne devrait plus être utilisée. Privilégiez plutôt la méthode <code>send()</code>, qui prend désormais en charge l'envoi de données binaires.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"><em>XMLHttpRequest</em>.sendAsBinary(<em>binaryString</em>); -</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><code>binaryString</code></dt> - <dd>Une chaîne de caractères {{domxref("DOMString")}} encodant le contenu binaire à envoyer. La chaîne binaire peut être construite grâce à la méthode {{domxref("FileRequest.readAsBinaryString", "readAsBinaryString()")}} de {{domxref("FileReader")}}. La chaîne de caractères est convertie en binaire pour le transfert en retirant l'octet le plus haut de chaque caractère.</dd> -</dl> - -<h3 id="Valeur_de_retour">Valeur de retour</h3> - -<p><code>undefined</code>.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("api.XMLHttpRequest.sendAsBinary")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Web/API/XMLHttpRequest/Utiliser_XMLHttpRequest">Utiliser <code>XMLHttpRequest</code></a></li> -</ul> diff --git a/files/fr/web/css/css_background_and_borders/border-image_generator/index.html b/files/fr/web/css/css_background_and_borders/border-image_generator/index.html index c6114bd4ca..c0c5db61cd 100644 --- a/files/fr/web/css/css_background_and_borders/border-image_generator/index.html +++ b/files/fr/web/css/css_background_and_borders/border-image_generator/index.html @@ -9,7 +9,7 @@ original_slug: Web/CSS/Arrière-plans_et_bordures_CSS/Générateur_border-image --- <p>Cet outil peut être utilisé afin de générer des valeurs pour la propriété {{cssxref("border-image")}}.</p> -<div style="display: none;"> +<div class="hidden"> <h2 id="Border_Image_Generator" name="Border_Image_Generator">Générateur border-image</h2> <h3 id="Contenu_HTML">Contenu HTML</h3> diff --git a/files/fr/web/css/css_background_and_borders/border-radius_generator/index.html b/files/fr/web/css/css_background_and_borders/border-radius_generator/index.html index 408be607e4..ac9bc500aa 100644 --- a/files/fr/web/css/css_background_and_borders/border-radius_generator/index.html +++ b/files/fr/web/css/css_background_and_borders/border-radius_generator/index.html @@ -9,7 +9,7 @@ original_slug: Web/CSS/Arrière-plans_et_bordures_CSS/Générateur_border-radius --- <p>Cet outil peut être utilisé afin de générer du code pour la propriété {{cssxref("border-radius")}}.</p> -<div style="display: none;"> +<div class="hidden"> <h2 id="border-radius-generator" name="border-radius-generator">border-radius</h2> <h3 id="Contenu_HTML">Contenu HTML</h3> diff --git a/files/fr/web/css/css_background_and_borders/box-shadow_generator/index.html b/files/fr/web/css/css_background_and_borders/box-shadow_generator/index.html index 418fde72dd..282a53d6e4 100644 --- a/files/fr/web/css/css_background_and_borders/box-shadow_generator/index.html +++ b/files/fr/web/css/css_background_and_borders/box-shadow_generator/index.html @@ -9,7 +9,7 @@ original_slug: Web/CSS/Modèle_de_boîte_CSS/Générateur_box-shadow --- <p>Cet outil visuel permet de construire des effets d'ombre et de générer du code pour la propriété {{cssxref("box-shadow")}} qui pourra être ajouté à votre feuille de style.</p> -<div style="display: none;"> +<div class="hidden"> <h2 id="box-shadow_generator" name="box-shadow_generator">box-shadow generator</h2> <h3 id="HTML_Content">HTML Content</h3> diff --git a/files/fr/web/css/css_colors/color_picker_tool/index.html b/files/fr/web/css/css_colors/color_picker_tool/index.html index 1703a2f993..6143791170 100644 --- a/files/fr/web/css/css_colors/color_picker_tool/index.html +++ b/files/fr/web/css/css_colors/color_picker_tool/index.html @@ -7,7 +7,7 @@ tags: translation_of: Web/CSS/CSS_Colors/Color_picker_tool original_slug: Web/CSS/Couleurs_CSS/Sélecteur_de_couleurs --- -<div style="display: none;"> +<div class="hidden"> <h2 id="ColorPIcker_Tool" name="ColorPIcker_Tool">ColorPIcker Tool</h2> <h3 id="HTML_Content">HTML Content</h3> diff --git a/files/fr/web/css/css_transitions/using_css_transitions/index.html b/files/fr/web/css/css_transitions/using_css_transitions/index.html index 0b17461d05..19d7aefd57 100644 --- a/files/fr/web/css/css_transitions/using_css_transitions/index.html +++ b/files/fr/web/css/css_transitions/using_css_transitions/index.html @@ -51,7 +51,7 @@ original_slug: Web/CSS/CSS_Transitions/Utiliser_transitions_CSS <div id="duration_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 0.5s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -116,7 +116,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 1s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -181,7 +181,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 2s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -246,7 +246,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 4s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -315,7 +315,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_ease" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: ease</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -378,7 +378,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_linear" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: linear</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -441,7 +441,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_stepend" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: step-end</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -504,7 +504,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_step4end" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: steps(4, end)</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -571,7 +571,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 0.5s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -643,7 +643,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 1s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -715,7 +715,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 2s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -787,7 +787,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 4s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> diff --git a/files/fr/web/css/filter/index.html b/files/fr/web/css/filter/index.html index 2e10b2f60c..9f24d80f55 100644 --- a/files/fr/web/css/filter/index.html +++ b/files/fr/web/css/filter/index.html @@ -101,7 +101,7 @@ img { <pre class="brush: css">filter: blur(5px) </pre> -<div id="blur_example" style="display: none;"> +<div id="blur_example" class="hidden"> <pre class="brush: html"> <table class="standard-table"> <thead> <tr> @@ -198,7 +198,7 @@ table.standard-table td { </filter> </svg></pre> -<div id="brightness_example" style="display: none;"> +<div id="brightness_example" class="hidden"> <pre class="brush: html"><table class="standard-table"> <thead> <tr> @@ -297,7 +297,7 @@ table.standard-table td { </filter> </svg></pre> -<div id="contrast_example" style="display: none;"> +<div id="contrast_example" class="hidden"> <pre class="brush: html"><table class="standard-table"> <thead> <tr> @@ -411,7 +411,7 @@ table.standard-table td { </filter> </svg></pre> -<div id="shadow_example" style="display: none;"> +<div id="shadow_example" class="hidden"> <pre class="brush: html"><table class="standard-table"> <thead> <tr> @@ -533,7 +533,7 @@ table.standard-table td { <pre class="brush: css">filter: grayscale(100%)</pre> -<div id="grayscale_example" style="display: none;"> +<div id="grayscale_example" class="hidden"> <pre class="brush: html"><table class="standard-table"> <thead> <tr> @@ -621,7 +621,7 @@ table.standard-table td { <pre class="brush: css">filter: hue-rotate(90deg)</pre> -<div id="huerotate_example" style="display: none;"> +<div id="huerotate_example" class="hidden"> <pre class="brush: html"><table class="standard-table"> <thead> <tr> @@ -712,7 +712,7 @@ table.standard-table td { <pre class="brush: css">filter: invert(100%)</pre> -<div id="invert_example" style="display: none;"> +<div id="invert_example" class="hidden"> <pre class="brush: html"><table class="standard-table"> <thead> <tr> @@ -800,7 +800,7 @@ table.standard-table td { <pre class="brush: css">filter: opacity(50%)</pre> -<div id="opacity_example" style="display: none;"> +<div id="opacity_example" class="hidden"> <pre class="brush: html"><table class="standard-table"> <thead> <tr> @@ -886,7 +886,7 @@ table.standard-table td { <pre class="brush: css">filter: saturate(200%)</pre> -<div id="saturate_example" style="display: none;"> +<div id="saturate_example" class="hidden"> <pre class="brush: html"><table class="standard-table"> <thead> <tr> @@ -971,7 +971,7 @@ table.standard-table td { <pre class="brush: css">filter: sepia(100%)</pre> -<div id="sepia_example" style="display: none;"> +<div id="sepia_example" class="hidden"> <pre class="brush: html"><table class="standard-table"> <thead> <tr> @@ -1059,7 +1059,7 @@ table.standard-table td { <pre class="brush: css">filter: contrast(175%) brightness(103%)</pre> -<div id="combination()" style="display: none;"> +<div id="combination()" class="hidden"> <pre class="brush: html"><table class="standard-table"> <thead> <tr> diff --git a/files/fr/web/css/pseudo-elements/index.html b/files/fr/web/css/pseudo-elements/index.html index 254417e5b4..eec809e01b 100644 --- a/files/fr/web/css/pseudo-elements/index.html +++ b/files/fr/web/css/pseudo-elements/index.html @@ -38,7 +38,7 @@ p::first-line { <h2 id="Liste_des_pseudo-éléments">Liste des pseudo-éléments</h2> -<div class="index"> +<div class="index" id="index"> <ul> <li>{{CSSxRef("::after", "::after (:after)")}}</li> <li>{{CSSxRef("::backdrop")}} {{Experimental_Inline}}</li> diff --git a/files/fr/web/css/transition-delay/index.html b/files/fr/web/css/transition-delay/index.html index 8d3991d0a2..7f1053f8c2 100644 --- a/files/fr/web/css/transition-delay/index.html +++ b/files/fr/web/css/transition-delay/index.html @@ -56,7 +56,7 @@ transition-delay: unset; <div id="delay_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 0.5s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -123,7 +123,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 1s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -190,7 +190,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 2s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -257,7 +257,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 4s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> diff --git a/files/fr/web/css/transition-duration/index.html b/files/fr/web/css/transition-duration/index.html index 7d97c7ae48..a859c23f3f 100644 --- a/files/fr/web/css/transition-duration/index.html +++ b/files/fr/web/css/transition-duration/index.html @@ -50,7 +50,7 @@ transition-duration: unset; <div id="duration_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 0.5s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -115,7 +115,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 1s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -180,7 +180,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 2s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -245,7 +245,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 4s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> diff --git a/files/fr/web/html/element/input/number/index.html b/files/fr/web/html/element/input/number/index.html index e134aa2a77..ed38487203 100644 --- a/files/fr/web/html/element/input/number/index.html +++ b/files/fr/web/html/element/input/number/index.html @@ -270,7 +270,6 @@ input:valid+span:after { <input id="meters" type="number" name="meters" step="0.01" min="0" placeholder="e.g. 1.78" required> <span class="validity"></span> </div> - <div class="feetInputGroup" style="display: none;"> <span>Saisir votre taille — </span> <label for="feet">feet :</label> <input id="feet" type="number" name="feet" min="0" step="1"> @@ -289,7 +288,7 @@ input:valid+span:after { <p>Ici on utilise l'attribut <code>step</code> avec la valeur <code>0.01</code> afin d'accepter une taille en centimètres. On fournit également un texte indicatif via <code>placeholder</code>.</p> -<p>Par défaut on masque la saisie en pieds avec <code>style="display: none;"</code>.</p> +<p>Par défaut on masque la saisie en pieds avec <code>class="hidden"</code>.</p> <h3 id="CSS">CSS</h3> diff --git a/files/fr/web/http/status/index.html b/files/fr/web/http/status/index.html index c49a6cca41..3d30883fd2 100644 --- a/files/fr/web/http/status/index.html +++ b/files/fr/web/http/status/index.html @@ -182,7 +182,7 @@ translation_of: Web/HTTP/Status <ul> <li><a href="https://fr.wikipedia.org/wiki/Liste_des_codes_HTTP">Liste des codes de statut HTTP sur Wikipedia</a></li> - <li><a href="http://www.iana.org/assignments/http-status-codes/http-status-codes.xhtml">Registre officiel des codes de statut HTTP par l'IANA</a><span style="display: none;"> </span></li> + <li><a href="http://www.iana.org/assignments/http-status-codes/http-status-codes.xhtml">Registre officiel des codes de statut HTTP par l'IANA</a><span class="hidden"> </span></li> </ul> </dt> </dl> diff --git a/files/fr/web/javascript/reference/global_objects/function/apply/index.html b/files/fr/web/javascript/reference/global_objects/function/apply/index.html index fe76177918..cd506e138f 100644 --- a/files/fr/web/javascript/reference/global_objects/function/apply/index.html +++ b/files/fr/web/javascript/reference/global_objects/function/apply/index.html @@ -86,7 +86,7 @@ original_slug: Web/JavaScript/Reference/Objets_globaux/Function/apply } var monTableau = [4, "Coucou monde !", false]; -var monInstance = MonConstructeur.constructor(monTableau); +var monInstance = MonConstructeur.construct(monTableau); console.log(monInstance.propriété1); // "Coucou monde !" console.log(monInstance instanceof MonConstructeur); // "true" diff --git a/files/fr/web/javascript/reference/global_objects/object/create/index.html b/files/fr/web/javascript/reference/global_objects/object/create/index.html index e8f8cf50a5..5cf69f483c 100644 --- a/files/fr/web/javascript/reference/global_objects/object/create/index.html +++ b/files/fr/web/javascript/reference/global_objects/object/create/index.html @@ -223,7 +223,7 @@ o2 = Object.create({}, { <div id="SLO_balloon_obj" style="display: block;"> <div class="SLO_ImTranslatorLogo" id="SLO_button" style="display: none; opacity: 1;"></div> -<div id="SLO_shadow_translation_result2" style="display: none;"></div> +<div id="SLO_shadow_translation_result2" class="hidden"></div> <div id="SLO_shadow_translator" style="display: none; left: 63px; top: 0px; box-shadow: rgb(186, 185, 181) 0px 0px 0px;"> <div id="SLO_planshet"> @@ -237,7 +237,7 @@ o2 = Object.create({}, { <div class="SLO_BL_LABLE_ON" id="SLO_P2" title="Translator">T</div> </div> -<div id="SLO_alert_bbl" style="display: none;"> +<div id="SLO_alert_bbl" class="hidden"> <div id="SLHKclose"></div> <div id="SLO_alert_cont"></div> diff --git a/files/fr/web/manifest/index.html b/files/fr/web/manifest/index.html index dd344294fa..4c1fc34f13 100644 --- a/files/fr/web/manifest/index.html +++ b/files/fr/web/manifest/index.html @@ -65,7 +65,7 @@ translation_of: Web/Manifest <pre class="brush: json notranslate">"background_color": "red"</pre> <div class="note"> -<p><strong>Note</strong> : Le membre Bakground_color est uniquement destiné à améliorer l'expérience de l'utilisateur alors qu'une application Web est en cours de chargement et ne doit pas être utilisé par l'agent utilisateur comme couleur d'arrière-plan lorsque la feuille de style de l'application Web est disponible</p> +<p><strong>Note</strong> : Le membre Background_color est uniquement destiné à améliorer l'expérience de l'utilisateur alors qu'une application Web est en cours de chargement et ne doit pas être utilisé par l'agent utilisateur comme couleur d'arrière-plan lorsque la feuille de style de l'application Web est disponible</p> </div> <h3 id="description"><font face="Consolas">description</font></h3> @@ -174,7 +174,7 @@ translation_of: Web/Manifest </thead> <tbody> <tr> - <td><span style="display: none;"> </span> </td> + <td><span class="hidden"> </span> </td> <td></td> </tr> <tr> diff --git a/files/fr/web/mathml/element/math/index.html b/files/fr/web/mathml/element/math/index.html index 5e1cf317ff..0257ef4c41 100644 --- a/files/fr/web/mathml/element/math/index.html +++ b/files/fr/web/mathml/element/math/index.html @@ -19,7 +19,7 @@ translation_of: Web/MathML/Element/math <dt id="attr-class-id-style">class, id, style</dt> <dd>Afin d'être utilisés avec les <a href="/fr/docs/CSS">feuilles de style</a>.</dd> <dt id="attr-dir">dir</dt> - <dd><span style="display: none;"> </span>Le sens global de lecture des formules. Les valeurs possibles sont <code>ltr</code> (gauche à droite) ou <code>rtl</code> (droite à gauche).</dd> + <dd><span class="hidden"> </span>Le sens global de lecture des formules. Les valeurs possibles sont <code>ltr</code> (gauche à droite) ou <code>rtl</code> (droite à gauche).</dd> <dt id="attr-href">href</dt> <dd>Un hyperlien pointant vers un URI donné.</dd> <dt id="attr-mathbackground">mathbackground</dt> diff --git a/files/fr/web/mathml/element/mglyph/index.html b/files/fr/web/mathml/element/mglyph/index.html deleted file mode 100644 index e19c07131f..0000000000 --- a/files/fr/web/mathml/element/mglyph/index.html +++ /dev/null @@ -1,70 +0,0 @@ ---- -title: <mglyph> -slug: Web/MathML/Element/mglyph -tags: - - Element - - MathML - - Reference -translation_of: Web/MathML/Element/mglyph ---- -<div>{{MathMLRef}}</div> - -<p>L'élément MathML <strong><code><mglyph></code></strong> est utilisé afin d'afficher des symboles non-standards n'ayant pas de caractères Unicode correspondants. Cet élément peut être utilisé avec les <a href="/fr/docs/tag/MathML:Token%20Elements">éléments jetons</a>.</p> - -<h2 id="Attributs">Attributs</h2> - -<dl> - <dt id="attr-alt"><code>alt</code></dt> - <dd>Cet attribut définit le texte alternatif décrivant l'image. Ce texte sera affiché si l'URL est incorrecte, si <a href="/fr/docs/Web/HTML/Element/Img#Formats_d%27image_support.C3.A9s" title="/fr/docs/Web/HTML/Element/Img#Formats_d%27image_support.C3.A9s">le format de l'image n'est pas supporté</a> ou jusqu'à la fin du téléchargement de l'image.</dd> - <dt id="attr-class-id-style"><code>class</code>, <code>id</code>, <code>style</code></dt> - <dd>Afin d'être utilisés avec les <a href="/fr/docs/CSS">feuilles de styles</a>.</dd> - <dt id="attr-height"><code>height</code></dt> - <dd>La hauteur de l'image.</dd> - <dt id="attr-href"><code>href</code></dt> - <dd>Un hyperlien pointant vers un URI donné.</dd> - <dt id="attr-mathbackground"><code>mathbackground</code></dt> - <dd>La couleur de fond. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> - <dt id="attr-src"><code>src</code></dt> - <dd>L'URL de l'image.</dd> - <dt id="attr-valign"><code>valign</code></dt> - <dd>Définit l'alignement vertical par rapport à la ligne de base courante.</dd> - <dt id="attr-width"><code>width</code></dt> - <dd>La largeur de l'image.</dd> -</dl> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush: html"><math> - <mi><mglyph src="mon-glyphe.png" alt="mon glyphe"/></mi> -</math> -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('MathML3', 'chapter3.html#presm.mglyph', 'mglyph') }}</td> - <td>{{ Spec2('MathML3') }}</td> - <td>Spécification actuelle</td> - </tr> - <tr> - <td>{{ SpecName('MathML2', 'chapter3.html#presm.mglyph', 'mglyph') }}</td> - <td>{{ Spec2('MathML2') }}</td> - <td>Spécification initiale</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("mathml.elements.mglyph")}}</p> diff --git a/files/fr/web/svg/applying_svg_effects_to_html_content/index.html b/files/fr/web/svg/applying_svg_effects_to_html_content/index.html index 6668cbe216..f7f381646f 100644 --- a/files/fr/web/svg/applying_svg_effects_to_html_content/index.html +++ b/files/fr/web/svg/applying_svg_effects_to_html_content/index.html @@ -185,7 +185,7 @@ pre.target:hover { filter:url(#f3); } <p>{{EmbedLiveSample('Exemple_Filtres', 650, 200)}}</p> -<p style="display: none;"><a class="button liveSample" href="/files/3329/filterdemo.xhtml">View this example live</a></p> +<p class="hidden"><a class="button liveSample" href="/files/3329/filterdemo.xhtml">View this example live</a></p> <h3 id="Exemple_Texte_flouté">Exemple : Texte flouté</h3> |