diff options
Diffstat (limited to 'files/fr/web/api/htmlelement/hidden')
| -rw-r--r-- | files/fr/web/api/htmlelement/hidden/index.html | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/files/fr/web/api/htmlelement/hidden/index.html b/files/fr/web/api/htmlelement/hidden/index.html index b4cbdd147a..f54affe844 100644 --- a/files/fr/web/api/htmlelement/hidden/index.html +++ b/files/fr/web/api/htmlelement/hidden/index.html @@ -3,11 +3,11 @@ title: HTMLElement.hidden slug: Web/API/HTMLElement/hidden translation_of: Web/API/HTMLElement/hidden --- -<div> <div>{{ APIRef("HTML DOM") }}</div> -</div> -<p><span class="seoSummary">La propriété <strong><code>hidden</code></strong> de l'{{domxref("HTMLElement")}} est un {{jsxref("Boolean")}} qui vaut <code>true</code> si l'élément est caché, sinon sa valeur est <code>false</code>. Cela est très différent de l'utilisation de la propriété CSS {{cssxref("display")}} pour contrôler la visibilité d'un élément.</span> La propriété <code>hidden</code> s'applique à tous les modes de présentation et ne doit pas être utilisée pour cacher du contenu qui est destiné à être directement accessible par l'utilisateur.</p> +<p>La propriété <strong><code>hidden</code></strong> de l'{{domxref("HTMLElement")}} est un {{jsxref("Boolean")}} qui vaut <code>true</code> si l'élément est caché, sinon sa valeur est <code>false</code>. Cela est très différent de l'utilisation de la propriété CSS {{cssxref("display")}} pour contrôler la visibilité d'un élément.</p> + +<p>La propriété <code>hidden</code> s'applique à tous les modes de présentation et ne doit pas être utilisée pour cacher du contenu qui est destiné à être directement accessible par l'utilisateur.</p> <p>Des cas d'utilisation appropriés de <code>hidden</code> comprennent :</p> @@ -26,12 +26,12 @@ translation_of: Web/API/HTMLElement/hidden </ul> <div class="note"> -<p>Des éléments qui ne sont pas <code>hidden</code> ne doivent pas faire référence à des éléments qui le sont.</p> +<p><strong>Note :</strong> Des éléments qui ne sont pas <code>hidden</code> ne doivent pas faire référence à des éléments qui le sont.</p> </div> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> -<pre class="syntaxbox notranslate"><em>estCaché</em> = <em>HTMLElement</em>.hidden; +<pre class="syntaxbox"><em>estCaché</em> = <em>HTMLElement</em>.hidden; <em>HTMLElement</em>.hidden = true | false;</pre> @@ -39,13 +39,13 @@ translation_of: Web/API/HTMLElement/hidden <p>Un Boolean qui est <code>true</code> si l'élément est caché à la vue ; sinon, la valeur est <code>false</code>.</p> -<h2 id="Example" name="Example">Exemple</h2> +<h2 id="Example">Exemple</h2> <p>Voici un exemple où un bloc caché est utilisé pour contenir un message de remerciement qui est affiché après qu'un utilisateur a accepté une demande inhabituelle.</p> <h3 id="JavaScript">JavaScript</h3> -<pre class="brush: js notranslate">document.getElementById("boutonOk") +<pre class="brush: js">document.getElementById("boutonOk") .addEventListener("click", function() { document.getElementById("bienvenue").hidden = true; document.getElementById("impressionnant").hidden = false; @@ -59,7 +59,7 @@ translation_of: Web/API/HTMLElement/hidden <h4 id="Le_panneau_bienvenue">Le panneau bienvenue</h4> -<pre class="brush: html notranslate"><div id="bienvenue" class="panneau"> +<pre class="brush: html"><div id="bienvenue" class="panneau"> <h1>Bienvenue à Machin.com !</h1> <p>En cliquant sur "OK", vous acceptez d'être impressionnant chaque jour !</p> <button class="bouton" id="boutonOk">OK</button> @@ -71,7 +71,7 @@ translation_of: Web/API/HTMLElement/hidden <p>Une fois que l'utilisateur a cliqué sur le bouton "OK" dans le panneau d'accueil, le code JavaScript échange les deux panneaux en changeant leurs valeurs respectives pour <code>hidden</code>. Le panneau de suite ressemble à ce qui suit en HTML:</p> -<pre class="brush: html notranslate"><div id="impressionnant" class="panneau" hidden> +<pre class="brush: html"><div id="impressionnant" class="panneau" hidden> <h1>Merci !</h1> <p>Merci <strong>vraiment</strong> beaucoup d'avoir accepté d'être impressionnant aujourd'hui ! Maintenant, sortez et faites des choses impressionnantes @@ -82,7 +82,7 @@ translation_of: Web/API/HTMLElement/hidden <p>Le contenu est mis en forme en utilisant le CSS ci-dessous.</p> -<pre class="brush: css notranslate">.panneau { +<pre class="brush: css">.panneau { font: 16px "Open Sans", Helvetica, Arial, sans-serif; border: 1px solid #22d; padding: 12px; |