diff options
Diffstat (limited to 'files/fr/web/api/window')
95 files changed, 661 insertions, 1089 deletions
diff --git a/files/fr/web/api/window/afterprint_event/index.html b/files/fr/web/api/window/afterprint_event/index.html index 2346683665..c63ed6bc56 100644 --- a/files/fr/web/api/window/afterprint_event/index.html +++ b/files/fr/web/api/window/afterprint_event/index.html @@ -10,7 +10,7 @@ original_slug: Web/Events/afterprint <dl> <dt style="float: left; text-align: right; width: 120px;">Spécification</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="https://html.spec.whatwg.org/multipage/webappapis.html#printing">HTML5</a></dd> + <dd style="margin: 0 0 0 120px;"><a href="https://html.spec.whatwg.org/multipage/webappapis.html#printing">HTML5</a></dd> <dt style="float: left; text-align: right; width: 120px;">Interface</dt> <dd style="margin: 0 0 0 120px;">Event</dd> <dt style="float: left; text-align: right; width: 120px;">Propagation</dt> @@ -60,5 +60,5 @@ original_slug: Web/Events/afterprint <h2 id="Evénements_liés">Evénements liés</h2> <ul> - <li><a href="https://developer.mozilla.org/fr/docs/Mozilla_event_reference/beforeprint">beforeprint</a></li> + <li><a href="/fr/docs/Mozilla_event_reference/beforeprint">beforeprint</a></li> </ul> diff --git a/files/fr/web/api/window/alert/index.html b/files/fr/web/api/window/alert/index.html index cacd0d33db..4583f71d4e 100644 --- a/files/fr/web/api/window/alert/index.html +++ b/files/fr/web/api/window/alert/index.html @@ -8,30 +8,29 @@ tags: translation_of: Web/API/Window/alert --- <p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3> +<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> <p>Affiche un dialogue d'alerte contenant le texte spécifié.</p> -<h3 id="Syntaxe" name="Syntaxe">Syntaxe</h3> +<h3 id="Syntaxe">Syntaxe</h3> <pre class="eval">window.alert(<i>message</i>); </pre> <ul> <li><code>message</code> est une chaîne contenant le texte à afficher dans le dialogue d'alerte.</li> </ul> -<h3 id="Exemple" name="Exemple">Exemple</h3> +<h3 id="Exemple">Exemple</h3> <pre class="eval">window.alert("Bonjour !"); </pre> <p>produira :</p> -<p><img alt="Image:AlertHelloWorld.png"></p> -<h3 id="Notes" name="Notes">Notes</h3> + +<p><img src="alerthelloworld.png"></p> + +<h3 id="Notes">Notes</h3> <p>Le dialogue d'alerte doit être utilisé pour les messages qui ne demandent aucune réponse de la part de l'utilisateur, à part son acceptation du message.</p> -<p><span class="comment">Le texte suivant est commun à cet article, DOM:window.prompt et DOM:window.confirm</span> Les boîtes de dialogue sont des fenêtres modales : elles empêchent l'utilisateur d'accéder au reste de l'interface du programme tant qu'elles ne sont pas fermées. C'est pourquoi il ne faut pas abuser des fonctions créant une boîte de dialogue (ou fenêtre modale).</p> +<p>Le texte suivant est commun à cet article, DOM:window.prompt et DOM:window.confirm Les boîtes de dialogue sont des fenêtres modales : elles empêchent l'utilisateur d'accéder au reste de l'interface du programme tant qu'elles ne sont pas fermées. C'est pourquoi il ne faut pas abuser des fonctions créant une boîte de dialogue (ou fenêtre modale).</p> <p>Les applications utilisant le chrome (par exemple les extensions) devront plutôt utiliser les méthodes de <a href="fr/NsIPromptService">nsIPromptService</a>.</p> -<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3> +<h3 id="Sp.C3.A9cification">Spécification</h3> <p>{{ DOM0() }}</p> -<h3 id="Voir_aussi" name="Voir_aussi">Voir aussi</h3> +<h3 id="Voir_aussi">Voir aussi</h3> <ul> - <li><a href="/fr/DOM/window.confirm" title="Affiche un dialogue modal avec un message et deux boutons, OK et Annuler.">confirm</a></li> - <li><a href="/fr/DOM/window.prompt" title="Affiche un dialogue avec un message demandant à l'utilisateur d'entrer une réponse sous forme de texte.">prompt</a></li> -</ul> -<div class="noinclude"> - </div> -<p>{{ languages( { "en": "en/DOM/window.alert", "ja": "ja/DOM/window.alert", "pl": "pl/DOM/window.alert" } ) }}</p> + <li><a href="/fr/DOM/window.confirm">confirm</a></li> + <li><a href="/fr/DOM/window.prompt">prompt</a></li> +</ul>
\ No newline at end of file diff --git a/files/fr/web/api/window/applicationcache/index.html b/files/fr/web/api/window/applicationcache/index.html index 1999a31f7f..7518fb40ed 100644 --- a/files/fr/web/api/window/applicationcache/index.html +++ b/files/fr/web/api/window/applicationcache/index.html @@ -3,28 +3,26 @@ title: Window.applicationCache slug: Web/API/Window/applicationCache translation_of: Web/API/Window/applicationCache --- -<div class="blockIndicator warning"> -<p><strong>Important</strong>: Le cache d'application est obsolète depuis Firefox 44, et n'est plus disponible dans un contexte non sécurisé depuis Firefox 60 ({{bug(1354175)}}, actuellemet Nightly/Beta seulement). Ne pas l'utiliser sur des sites hors lignes — envisager l'utilisation de <a href="https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API">service workers</a> à la place.</p> +<div class="warning"> +<p><strong>Attention :</strong> Le cache d'application est obsolète depuis Firefox 44, et n'est plus disponible dans un contexte non sécurisé depuis Firefox 60 ({{bug(1354175)}}, actuellemet Nightly/Beta seulement). Ne pas l'utiliser sur des sites hors lignes — envisager l'utilisation de <a href="/en-US/docs/Web/API/Service_Worker_API">service workers</a> à la place.</p> </div> <p>{{APIRef}}</p> -<h2 id="Summary" name="Summary">Sommaire</h2> - <p>Retourne une référence à l'objet du cache d'application pour la fenêtre.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="syntaxbox"><var>cache</var> = window.applicationCache </pre> -<h3 id="Parameters" name="Parameters">Paramètres</h3> +<h3 id="Parameters">Paramètres</h3> <ul> <li><code>cache</code> est une référence objet pour un {{domxref("OfflineResourceList")}}.</li> </ul> -<h2 id="Specification" name="Specification">Spécification</h2> +<h2 id="Specification">Spécification</h2> <ul> <li>{{spec("http://www.w3.org/TR/2008/WD-html5-20080122/#appcache","HTML 5","WD")}}</li> diff --git a/files/fr/web/api/window/back/index.html b/files/fr/web/api/window/back/index.html index 653d5b9d61..9743d49f37 100644 --- a/files/fr/web/api/window/back/index.html +++ b/files/fr/web/api/window/back/index.html @@ -21,9 +21,9 @@ translation_of: Web/API/Window/back <p><strong>Note:</strong> Utilisez plutôt la méthode standard {{domxref("history.back")}}.</p> </div> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> -<pre class="syntaxbox notranslate">window.back();</pre> +<pre class="syntaxbox">window.back();</pre> <h3 id="Paramètres">Paramètres</h3> @@ -37,7 +37,7 @@ translation_of: Web/API/Window/back <p>Cet exemple simple gère un clic sur un bouton "Retour" en rappelant <code>back()</code>.</p> -<pre class="brush:js notranslate">function boutonRetour() { +<pre class="brush:js">function boutonRetour() { if (peutRevenirEnArriere) { window.back(); } diff --git a/files/fr/web/api/window/beforeprint_event/index.html b/files/fr/web/api/window/beforeprint_event/index.html index 0694a05c8a..b0e96ca975 100644 --- a/files/fr/web/api/window/beforeprint_event/index.html +++ b/files/fr/web/api/window/beforeprint_event/index.html @@ -13,7 +13,7 @@ original_slug: Web/Events/beforeprint <dl> <dt style="float: left; text-align: right; width: 120px;">Spécification</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="https://html.spec.whatwg.org/multipage/webappapis.html#printing">HTML5</a></dd> + <dd style="margin: 0 0 0 120px;"><a href="https://html.spec.whatwg.org/multipage/webappapis.html#printing">HTML5</a></dd> <dt style="float: left; text-align: right; width: 120px;">Interface</dt> <dd style="margin: 0 0 0 120px;">Event</dd> <dt style="float: left; text-align: right; width: 120px;">Propagation</dt> @@ -71,5 +71,5 @@ original_slug: Web/Events/beforeprint <h2 id="Evénements_liés">Evénements liés</h2> <ul> - <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla_event_reference/afterprint">afterprint</a></li> + <li><a href="/en-US/docs/Mozilla_event_reference/afterprint">afterprint</a></li> </ul> diff --git a/files/fr/web/api/window/beforeunload_event/index.html b/files/fr/web/api/window/beforeunload_event/index.html index 290525686e..249644f9e3 100644 --- a/files/fr/web/api/window/beforeunload_event/index.html +++ b/files/fr/web/api/window/beforeunload_event/index.html @@ -13,7 +13,7 @@ original_slug: Web/Events/beforeunload </div> <div class="warning"> -<p> Attacher un gestionnaire d'événement <code>beforeunload</code> à <code>window</code> ou à <code>document</code> empêche les navigateurs d'utiliser leur mémoire cache ; consulter <a href="https://developer.mozilla.org/fr/docs/Utilisation_du_cache_de_Firefox_1.5">Utilisation du cache de Firefox 1.5</a> ou <a href="https://webkit.org/blog/516/webkit-page-cache-ii-the-unload-event/">WebKit's Page Cache</a> (en anglais).</p> +<p><strong>Attention :</strong> Attacher un gestionnaire d'événement <code>beforeunload</code> à <code>window</code> ou à <code>document</code> empêche les navigateurs d'utiliser leur mémoire cache ; consulter <a href="/fr/docs/Utilisation_du_cache_de_Firefox_1.5">Utilisation du cache de Firefox 1.5</a> ou <a href="https://webkit.org/blog/516/webkit-page-cache-ii-the-unload-event/">WebKit's Page Cache</a> (en anglais).</p> </div> <table class="properties"> @@ -102,7 +102,7 @@ window.addEventListener("beforeunload", function (event) { <p>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 <a href="http://www.w3.org/TR/html5/webappapis.html#user-prompts">specification HTML5 </a> pour plus de détails.</p> -<p>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 <a>about:config</a> pour faire de même. <span id="result_box" lang="fr"><span>Essentiellement, cela signifie que l'utilisateur confirme toujours silencieusement</span></span><span lang="fr"><span> que le document peut être déchargé.</span></span></p> +<p>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é.</p> <h2 id="Spécifications">Spécifications</h2> @@ -135,6 +135,6 @@ window.addEventListener("beforeunload", function (event) { <li>{{Event("readystatechange")}}</li> <li>{{Event("load")}}</li> <li>{{Event("unload")}}</li> - <li><a href="http://www.whatwg.org/specs/web-apps/current-work/#prompt-to-unload-a-document" title="http://www.whatwg.org/specs/web-apps/current-work/#prompt-to-unload-a-document">Unloading Documents — Prompt to unload a document</a></li> + <li><a href="http://www.whatwg.org/specs/web-apps/current-work/#prompt-to-unload-a-document">Unloading Documents — Prompt to unload a document</a></li> <li><a href="https://developers.google.com/web/updates/2016/04/chrome-51-deprecations?hl=en#remove_custom_messages_in_onbeforeload_dialogs">Enlever les messages personnalisés dans les boîtes de dialogues onbeforeload après Chrome 51</a></li> </ul> diff --git a/files/fr/web/api/window/blur/index.html b/files/fr/web/api/window/blur/index.html index f1fa3be67e..aaad6b9ec1 100644 --- a/files/fr/web/api/window/blur/index.html +++ b/files/fr/web/api/window/blur/index.html @@ -12,21 +12,21 @@ translation_of: Web/API/Window/blur <p>Éloigne la mise au point de la fenêtre.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> -<pre class="syntaxbox notranslate"><code>window.blur()</code></pre> +<pre class="syntaxbox"><code>window.blur()</code></pre> -<h2 id="Example" name="Example">Exemple</h2> +<h2 id="Example">Exemple</h2> -<pre class="brush:js notranslate">window.blur();</pre> +<pre class="brush:js">window.blur();</pre> -<h2 id="Notes" name="Notes">Notes</h2> +<h2 id="Notes">Notes</h2> <p>La méthode window.blur () est l'équivalent programmatique du déplacement du focus de l'utilisateur loin de la fenêtre courante.</p> -<h2 id="Specification" name="Specification">Spécification</h2> +<h2 id="Specification">Spécification</h2> -<table class="spectable standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="col">Spécification</th> diff --git a/files/fr/web/api/window/cancelanimationframe/index.html b/files/fr/web/api/window/cancelanimationframe/index.html index d418ffb4fe..a0c27fc7eb 100644 --- a/files/fr/web/api/window/cancelanimationframe/index.html +++ b/files/fr/web/api/window/cancelanimationframe/index.html @@ -17,7 +17,7 @@ translation_of: Web/API/Window/cancelAnimationFrame <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox" id="window.cancelAnimationFramerequestID_Paramètres">window.cancelAnimationFrame(<em>requestID</em>);</pre> +<pre class="syntaxbox">window.cancelAnimationFrame(<em>requestID</em>);</pre> <h3 id="Paramètres">Paramètres</h3> diff --git a/files/fr/web/api/window/cancelidlecallback/index.html b/files/fr/web/api/window/cancelidlecallback/index.html index e3bc8b94fd..39c94deb9a 100644 --- a/files/fr/web/api/window/cancelidlecallback/index.html +++ b/files/fr/web/api/window/cancelidlecallback/index.html @@ -5,22 +5,20 @@ translation_of: Web/API/Window/cancelIdleCallback --- <div>{{APIRef}}{{SeeCompatTable}}</div> -<h2 id="Summary" name="Summary">Résumé</h2> - <p>La méthode <strong><code>window.cancelIdleCallback()</code></strong> annule une fonction précedemment planifiée via {{domxref("window.requestIdleCallback()")}}.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="syntaxbox">window.cancelIdleCallback(<em>idleCallbackId</em>);</pre> -<h3 id="Parameters" name="Parameters">Paramètres</h3> +<h3 id="Parameters">Paramètres</h3> <dl> - <dt><font face="Consolas, Liberation Mono, Courier, monospace">idleCallbackId</font></dt> + <dt>idleCallbackId</dt> <dd>L'entier long non-signé retourné par {{domxref("window.requestIdleCallback()")}}.</dd> </dl> -<h2 id="Specifications" name="Specifications">Spécifications</h2> +<h2 id="Specifications">Spécifications</h2> <table class="standard-table"> <tbody> diff --git a/files/fr/web/api/window/captureevents/index.html b/files/fr/web/api/window/captureevents/index.html index 20774b49a8..cac350b130 100644 --- a/files/fr/web/api/window/captureevents/index.html +++ b/files/fr/web/api/window/captureevents/index.html @@ -15,14 +15,14 @@ translation_of: Web/API/Window/captureEvents <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate">window.captureEvents(<em>eventType</em>) +<pre class="syntaxbox">window.captureEvents(<em>eventType</em>) </pre> <p><code>eventType</code> est une combinaison des valeurs suivantes: <code>Event.ABORT</code>, <code>Event.BLUR</code>, <code>Event.CLICK</code>, <code>Event.CHANGE</code>, <code>Event.DBLCLICK</code>, <code>Event.DRAGDDROP</code>, <code>Event.ERROR</code>, <code>Event.FOCUS</code>, <code>Event.KEYDOWN</code>, <code>Event.KEYPRESS</code>, <code>Event.KEYUP</code>, <code>Event.LOAD</code>, <code>Event.MOUSEDOWN</code>, <code>Event.MOUSEMOVE</code>, <code>Event.MOUSEOUT</code>, <code>Event.MOUSEOVER</code>, <code>Event.MOUSEUP</code>, <code>Event.MOVE</code>, <code>Event.RESET</code>, <code>Event.RESIZE</code>, <code>Event.SELECT</code>, <code>Event.SUBMIT</code>, <code>Event.UNLOAD</code>.</p> <h2 id="Exemple">Exemple</h2> -<pre class="brush:html notranslate"><!DOCTYPE html> +<pre class="brush:html"><!DOCTYPE html> <html lang="fr"> <head> <!-- ... --> diff --git a/files/fr/web/api/window/clearimmediate/index.html b/files/fr/web/api/window/clearimmediate/index.html index 011e267239..886d10eb4f 100644 --- a/files/fr/web/api/window/clearimmediate/index.html +++ b/files/fr/web/api/window/clearimmediate/index.html @@ -12,20 +12,20 @@ translation_of: Web/API/Window/clearImmediate <p>Cette méthode efface l'action spécifiée par {{DOMxRef("window.setImmediate")}}.</p> -<div class="blockIndicator note"> -<p>Cette méthode ne devrait pas devenir standard et n'est implémentée que par les versions récentes d'Internet Explorer et de Node.js 0.10+. Il rencontre la résistance à la fois de <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=686201" title="https://bugzilla.mozilla.org/show_bug.cgi?id=686201">Gecko</a> (Firefox) et <a href="http://code.google.com/p/chromium/issues/detail?id=146172" title="http://code.google.com/p/chromium/issues/detail?id=146172">Webkit</a> (Google/Apple).</p> +<div class="note"> +<p><strong>Note :</strong> Cette méthode ne devrait pas devenir standard et n'est implémentée que par les versions récentes d'Internet Explorer et de Node.js 0.10+. Il rencontre la résistance à la fois de <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=686201">Gecko</a> (Firefox) et <a href="http://code.google.com/p/chromium/issues/detail?id=146172">Webkit</a> (Google/Apple).</p> </div> <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate"><var>window</var>.clearImmediate( <var>immediateID</var> ) +<pre class="syntaxbox"><var>window</var>.clearImmediate( <var>immediateID</var> ) </pre> <p>où immediateID est un ID retourné par {{DOMxRef("window.setImmediate")}}.</p> <h2 id="Exemples">Exemples</h2> -<pre class="brush: js notranslate">let immediateID = setImmediate(() => { +<pre class="brush: js">let immediateID = setImmediate(() => { // Exécute du code } @@ -47,9 +47,8 @@ document.getElementById("bouton") </thead> <tbody> <tr> - <td><a class="external" href="https://w3c.github.io/setImmediate/#si-setImmediate" hreflang="en" lang="en">Efficient Script Yielding<br> - <small lang="en-US">The definition of '<code>setImmediate</code>' in that specification.</small></a></td> - <td><span class="spec-ED">Editor's Draft</span></td> + <td><a href="https://w3c.github.io/setImmediate/#si-setImmediate">Efficient Script Yielding La définition de <code>setImmediate</code> dans cette spécification.</a></td> + <td>Editor's Draft</td> <td>Initial definition.</td> </tr> </tbody> diff --git a/files/fr/web/api/window/close/index.html b/files/fr/web/api/window/close/index.html index 7ed74d3242..b137990883 100644 --- a/files/fr/web/api/window/close/index.html +++ b/files/fr/web/api/window/close/index.html @@ -6,16 +6,16 @@ tags: translation_of: Web/API/Window/close --- <p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3> +<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> <p>Ferme la fenêtre référencée.</p> -<h3 id="Syntaxe" name="Syntaxe">Syntaxe</h3> +<h3 id="Syntaxe">Syntaxe</h3> <pre>window.close(); </pre> -<h3 id="Description" name="Description">Description</h3> +<h3 id="Description">Description</h3> <p>Lorsque cette méthode est appelée, la fenêtre référencée est fermée.</p> <p>Cette méthode est uniquement autorisée à être appelée pour des fenêtres qui ont été ouvertes par un script à l'aide de la méthode <a href="fr/DOM/window.open">window.open</a>. Si la fenêtre n'a pas été ouverte par un script, l'erreur suivante apparaît dans la console JavaScript : <code>Scripts may not close windows that were not opened by script.</code></p> -<h4 id="Exemples" name="Exemples">Exemples</h4> -<h5 id="Fermeture_d.27une_fen.C3.AAtre_ouverte_avec_window.open.28.29" name="Fermeture_d.27une_fen.C3.AAtre_ouverte_avec_window.open.28.29">Fermeture d'une fenêtre ouverte avec window.open()</h5> +<h4 id="Exemples">Exemples</h4> +<h5 id="Fermeture_d.27une_fen.C3.AAtre_ouverte_avec_window.open.28.29">Fermeture d'une fenêtre ouverte avec window.open()</h5> <pre><script type="text/javascript"> // Variable globale pour stocker une référence vers la fenêtre ouverte var fenetreOuverte; @@ -30,7 +30,7 @@ function fermerFenetreOuverte() } </script> </pre> -<h5 id="Fermeture_de_la_fen.C3.AAtre_courante" name="Fermeture_de_la_fen.C3.AAtre_courante">Fermeture de la fenêtre courante</h5> +<h5 id="Fermeture_de_la_fen.C3.AAtre_courante">Fermeture de la fenêtre courante</h5> <pre><script type="text/javascript"> function fermerFenetreCourante() { @@ -38,12 +38,9 @@ function fermerFenetreCourante() } </script> </pre> -<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3> +<h3 id="Sp.C3.A9cification">Spécification</h3> <p>DOM Level 0. <code>window.close()</code> ne fait partie d'aucune spécification ni recommandation technique du W3C.</p> -<h3 id="R.C3.A9f.C3.A9rence_additionnelle" name="R.C3.A9f.C3.A9rence_additionnelle">Référence additionnelle</h3> +<h3 id="R.C3.A9f.C3.A9rence_additionnelle">Référence additionnelle</h3> <ul> - <li><a class="external" href="http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/close_0.asp">window.close() sur MSDN</a></li> -</ul> -<div class="noinclude"> - </div> -<p>{{ languages( { "en": "en/DOM/window.close", "ja": "ja/DOM/window.close" } ) }}</p> + <li><a href="http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/close_0.asp">window.close() sur MSDN</a></li> +</ul>
\ No newline at end of file diff --git a/files/fr/web/api/window/closed/index.html b/files/fr/web/api/window/closed/index.html index 62038b80ae..e01f35054b 100644 --- a/files/fr/web/api/window/closed/index.html +++ b/files/fr/web/api/window/closed/index.html @@ -6,13 +6,13 @@ tags: translation_of: Web/API/Window/closed --- <p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3> +<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> <p>Cette propriété indique si la fenêtre référencée est fermée ou non.</p> -<h3 id="Syntaxe" name="Syntaxe">Syntaxe</h3> +<h3 id="Syntaxe">Syntaxe</h3> <pre>isClosed = window.closed; </pre> <p>Cette propriété est en lecture seule.</p> -<h3 id="Valeur_renvoy.C3.A9e" name="Valeur_renvoy.C3.A9e">Valeur renvoyée</h3> +<h3 id="Valeur_renvoy.C3.A9e">Valeur renvoyée</h3> <dl> <dt> <code>isClosed</code></dt> @@ -23,8 +23,8 @@ translation_of: Web/API/Window/closed <li><code>false</code> : La fenêtre est ouverte.</li> <li><code>true</code> : La fenêtre a été fermée.</li> </ul> -<h3 id="Exemples" name="Exemples">Exemples</h3> -<h4 id="Chargement_d.27une_page_dans_la_fen.C3.AAtre_principale_depuis_un_popup" name="Chargement_d.27une_page_dans_la_fen.C3.AAtre_principale_depuis_un_popup">Chargement d'une page dans la fenêtre principale depuis un popup</h4> +<h3 id="Exemples">Exemples</h3> +<h4 id="Chargement_d.27une_page_dans_la_fen.C3.AAtre_principale_depuis_un_popup">Chargement d'une page dans la fenêtre principale depuis un popup</h4> <p>L'exemple suivant montre comment un popup peut transmettre un choix de l'utilisateur à la fenêtre principale en y ouvrant une URL différente. Mais il faut d'abord vérifier que la fenêtre principale et encore ouverte.</p> <pre>if (!window.opener.closed) { // La fenêtre principale est encore là, @@ -32,7 +32,7 @@ translation_of: Web/API/Window/closed window.opener.location.href = newURL; } </pre> -<h4 id="Appel_d.27une_fonction_dans_un_popup_ouvert_pr.C3.A9c.C3.A9demment" name="Appel_d.27une_fonction_dans_un_popup_ouvert_pr.C3.A9c.C3.A9demment">Appel d'une fonction dans un popup ouvert précédemment</h4> +<h4 id="Appel_d.27une_fonction_dans_un_popup_ouvert_pr.C3.A9c.C3.A9demment">Appel d'une fonction dans un popup ouvert précédemment</h4> <p>Dans cette exemple, la fonction <code>refreshPopupWindow()</code> appelle une fonction dans le popup pour rafraichir son contenu. Cependant, si le popup n'a pas encore été ouvert ou si l'utilisateur l'a fermé, un nouveau popup est ouvert.</p> <pre>var popupWindow = null; @@ -47,13 +47,9 @@ function refreshPopupWindow() { } } </pre> -<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3> +<h3 id="Sp.C3.A9cification">Spécification</h3> <p>DOM Level 0. <code>window.closed</code> ne fait partie d'aucune spécification ou recommandation technique du W3C.</p> -<h3 id="R.C3.A9f.C3.A9rence_suppl.C3.A9mentaire" name="R.C3.A9f.C3.A9rence_suppl.C3.A9mentaire">Référence supplémentaire</h3> +<h3 id="R.C3.A9f.C3.A9rence_suppl.C3.A9mentaire">Référence supplémentaire</h3> <ul> - <li><a class="external" href="http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/closed.asp">window.closed sur MSDN</a></li> -</ul> -<p> </p> -<div class="noinclude"> - </div> -<p>{{ languages( { "en": "en/DOM/window.closed", "ja": "ja/DOM/window.closed", "pl": "pl/DOM/window.closed" } ) }}</p> + <li><a href="http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/closed.asp">window.closed sur MSDN</a></li> +</ul>
\ No newline at end of file diff --git a/files/fr/web/api/window/confirm/index.html b/files/fr/web/api/window/confirm/index.html index 099cfdaac8..2f49bf5c4c 100644 --- a/files/fr/web/api/window/confirm/index.html +++ b/files/fr/web/api/window/confirm/index.html @@ -8,11 +8,11 @@ translation_of: Web/API/Window/confirm --- <p>{{ApiRef("Window")}}</p> -<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3> +<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> <p>Affiche un dialogue modal avec un message et deux boutons, OK et Annuler.</p> -<h3 id="Syntaxe" name="Syntaxe">Syntaxe</h3> +<h3 id="Syntaxe">Syntaxe</h3> <pre class="eval"><em>resultat</em> = window.confirm(<em>message</em>); </pre> @@ -22,30 +22,26 @@ translation_of: Web/API/Window/confirm <li><code>resultat</code> est une valeur booléenne indiquant si OK ou Annuler a été sélectionné (<code>true</code> signifie OK).</li> </ul> -<h3 id="Exemple" name="Exemple">Exemple</h3> +<h3 id="Exemple">Exemple</h3> <pre class="eval">if (window.confirm("Une nouvelle fenêtre va s'ouvrir.")) { window.open("fenetre.html", "Nouvelle fenêtre", ""); } </pre> -<h3 id="Notes" name="Notes">Notes</h3> +<h3 id="Notes">Notes</h3> -<p><span class="comment">Le texte suivant est commun à cet article, DOM:window.prompt et DOM:window.confirm</span> Les boîtes de dialogue sont des fenêtres modales : elles empêchent l'utilisateur d'accéder au reste de l'interface du programme tant qu'elles ne sont pas fermées. C'est pourquoi il ne faut pas abuser des fonctions créant une boîte de dialogue (ou fenêtre modale).</p> +<p>Le texte suivant est commun à cet article, DOM:window.prompt et DOM:window.confirm Les boîtes de dialogue sont des fenêtres modales : elles empêchent l'utilisateur d'accéder au reste de l'interface du programme tant qu'elles ne sont pas fermées. C'est pourquoi il ne faut pas abuser des fonctions créant une boîte de dialogue (ou fenêtre modale).</p> <p>Les applications utilisant le chrome (par exemple les extensions) devront plutôt utiliser les méthodes de <a href="fr/NsIPromptService">nsIPromptService</a>.</p> -<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3> +<h3 id="Sp.C3.A9cification">Spécification</h3> <p>{{ DOM0() }}</p> -<h3 id="Voir_aussi" name="Voir_aussi">Voir aussi</h3> +<h3 id="Voir_aussi">Voir aussi</h3> <ul> - <li><a href="/fr/docs/DOM/window.alert" title="Affiche un dialogue d'alerte contenant le texte spécifié.">alert</a></li> - <li><a href="/fr/docs/DOM/window.prompt" title="Affiche un dialogue avec un message demandant à l'utilisateur d'entrer une réponse sous forme de texte.">prompt</a></li> -</ul> - -<div class="noinclude"> </div> - -<p>{{ languages( { "en": "en/DOM/window.confirm", "ja": "ja/DOM/window.confirm" } ) }}</p> + <li><a href="/fr/docs/DOM/window.alert">alert</a></li> + <li><a href="/fr/docs/DOM/window.prompt">prompt</a></li> +</ul>
\ No newline at end of file diff --git a/files/fr/web/api/window/console/index.html b/files/fr/web/api/window/console/index.html index 6d0bc951dd..cbb2e643a9 100644 --- a/files/fr/web/api/window/console/index.html +++ b/files/fr/web/api/window/console/index.html @@ -14,12 +14,12 @@ translation_of: Web/API/Window/console <p>La propriété <strong><code>Window.console</code></strong> en lecture seule retourne une référence à l'objet {{domxref("Console")}}, qui founit des méthodes pour afficher des information sur la console du navigateur. Ces méthodes ont pour seul but le débogage et ne devraient pas servir à présenter des informations au utilisateurs.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="syntaxbox"><em>var consoleObj</em> = <em>window</em>.console; </pre> -<h2 id="Example" name="Example">Exemples</h2> +<h2 id="Example">Exemples</h2> <h3 id="Afficher_dans_la_console">Afficher dans la console</h3> @@ -52,5 +52,5 @@ translation_of: Web/API/Window/console </table> <div class="note"> -<p>Actuellement il y a beaucoup de différences d'implémentation entre les navigateurs, mais ils sont en train d'être standardisés pour les rendre plus consistants entre eux.</p> +<p><strong>Note :</strong> Actuellement il y a beaucoup de différences d'implémentation entre les navigateurs, mais ils sont en train d'être standardisés pour les rendre plus consistants entre eux.</p> </div> diff --git a/files/fr/web/api/window/content/index.html b/files/fr/web/api/window/content/index.html index befde3636a..ef73a10622 100644 --- a/files/fr/web/api/window/content/index.html +++ b/files/fr/web/api/window/content/index.html @@ -6,24 +6,21 @@ tags: translation_of: Web/API/Window/content --- <p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3> +<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> <p>Renvoie un objet <a href="fr/DOM/window">Window</a> pour la fenêtre de contenu principale. C'est utile pour les fenêtres XUL qui ont un <code><browser></code> (ou <code>tabbrowser</code> ou <code><iframe></code>) avec l'attribut <code>type="content-primary"</code> défini - l'exemple le plus célèbre étant la fenêtre principale de Firefox, <code>browser.xul</code>. Dans de tels cas, <code>content</code> renvoie une référence à l'objet <code>Window</code> pour le document actuellement affiché dans le navigateur. Il s'agit d'un raccourci pour <code><var>browserRef</var>.contentWindow</code>.</p> <p>Dans du contenu non privilégié (des pages Web), <code>content</code> est normalement équivalent à <a href="fr/DOM/window.top">top</a> (sauf dans le cas d'une page chargée dans un panneau latéral, où <code>content</code> se réfère à l'objet <code>Window</code> de l'onglet sélectionné).</p> <p>Certains exemples utilisent <code>_content</code> à la place de <code>content</code>. Cette forme est dépréciée depuis un long moment, et vous devriez toujours utiliser <code>content</code> dans du nouveau code.</p> -<h3 id="Syntaxe" name="Syntaxe">Syntaxe</h3> +<h3 id="Syntaxe">Syntaxe</h3> <pre class="eval">var <var>windowObject</var> = window.content; </pre> -<h3 id="Exemple" name="Exemple">Exemple</h3> +<h3 id="Exemple">Exemple</h3> <p>L'exécution du code suivant dans une fenêtre chrome XUL contenant un élement <code><browser type="content-primary"/></code> dessine une bordure rouge autour du premier élément div de la page actuellement affichée dans le navigateur :</p> <pre class="eval">content.document.getElementsByTagName("div")[0].style.border = "solid red 1px"; </pre> -<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3> +<h3 id="Sp.C3.A9cification">Spécification</h3> <p>Ne fait partie d'aucune spécification du W3C.</p> -<h3 id="Voir_aussi" name="Voir_aussi">Voir aussi</h3> +<h3 id="Voir_aussi">Voir aussi</h3> <ul> <li><a href="fr/Travailler_avec_des_fen%c3%aatres_dans_le_chrome">Travailler avec des fenêtres dans le chrome</a></li> <li>Lorsque vous accédez à des documents depuis du code privilégié, faites attention aux <a href="fr/XPCNativeWrapper">XPCNativeWrapper</a>.</li> -</ul> -<div class="noinclude"> - </div> -<p>{{ languages( { "en": "en/DOM/window.content", "ja": "ja/DOM/window.content", "pl": "pl/DOM/window.content" } ) }}</p> +</ul>
\ No newline at end of file diff --git a/files/fr/web/api/window/controllers/index.html b/files/fr/web/api/window/controllers/index.html index 1b91ba0937..9f96ce9c98 100644 --- a/files/fr/web/api/window/controllers/index.html +++ b/files/fr/web/api/window/controllers/index.html @@ -14,11 +14,9 @@ translation_of: Web/API/Window/controllers --- <div>{{APIRef}}{{non-standard_header}}</div> -<h2 id="Summary" name="Summary">Résumé</h2> - <p>Retourne les contrôleurs XUL de la fenêtre chrome.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="syntaxbox"><var>controleurs</var> = window.controllers </pre> @@ -27,20 +25,16 @@ translation_of: Web/API/Window/controllers <li><code>controleurs</code> est un objet de type <a href="/en-US/docs/XULControllers"><code>XULControllers</code></a> (<a href="/en-US/docs/XPCOM_Interface_Reference/nsIControllers"><code>nsIControllers</code></a>).</li> </ul> -<h2 id="Specification" name="Specification">Spécification</h2> +<h2 id="Specification">Spécification</h2> <p>Spécifique à XUL. Ne fait pas partie de la spécification.</p> -<div class="note"> <p>Par défaut, le contrôleur d'une fenêtre contient le code qui prend en charge les commandes globales de la fenêtre.</p> <p>Le code Chrome peut ajouter des contrôleurs (à utiliser conjointement avec les fonctions goDoCommand et goUpdateCommand dans globalOverlay.js).</p> <p>Cependant, les contrôleurs ajoutés doivent être explicitement supprimés lorsque la fenêtre est déchargée, car cela n'est pas fait automatiquement.<br> Chaque suppression manquante peut provoquer le</p> -<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=415775">bug 415775</a>: - -<pre class="bz_comment_text" id="comment_text_0">ASSERTION: XPConnect is being called on a scope without a 'Components' property!</pre> -</div> +<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=415775">bug 415775</a>: -<p> </p> +<pre >ASSERTION: XPConnect is being called on a scope without a 'Components' property!</pre>
\ No newline at end of file diff --git a/files/fr/web/api/window/copy_event/index.html b/files/fr/web/api/window/copy_event/index.html index 013eed8155..bde3e7a47c 100644 --- a/files/fr/web/api/window/copy_event/index.html +++ b/files/fr/web/api/window/copy_event/index.html @@ -14,7 +14,7 @@ translation_of: Web/API/Window/copy_event --- <div>{{APIRef}}</div> -<p><span class="seoSummary">L'événement <strong><code>copy</code></strong> se déclenche lorsque l'utilisateur lance une action de copie via l'interface utilisateur du nagivateur.</span></p> +<p>L'événement <strong><code>copy</code></strong> se déclenche lorsque l'utilisateur lance une action de copie via l'interface utilisateur du nagivateur.</p> <table class="properties"> <tbody> @@ -41,7 +41,7 @@ translation_of: Web/API/Window/copy_event <h2 id="Exemples">Exemples</h2> -<pre class="brush: js notranslate">window.addEventListener('copy', (event) => { +<pre class="brush: js">window.addEventListener('copy', (event) => { console.log('action de copie lancée') });</pre> diff --git a/files/fr/web/api/window/customelements/index.html b/files/fr/web/api/window/customelements/index.html index e0180ddd65..7d7d57c203 100644 --- a/files/fr/web/api/window/customelements/index.html +++ b/files/fr/web/api/window/customelements/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/Window/customElements <p>La propriété en lecture seule <code>customElements</code> de l'interface {{domxref("Window")}} renvoie une référence à l'objet {{domxref("CustomElementRegistry")}}, qui peut être utilisée pour enregistrer de nouveaux <a href="/fr-FR/docs/Web/Web_Components/Using_custom_elements">éléments personnalisés</a> et obtenir des informations sur des éléments personnalisés enregistrés.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre>let registreElementsPersonnalises = window.customElements;</pre> @@ -23,7 +23,7 @@ translation_of: Web/API/Window/customElements <p>Une instance d'objet {{domxref("CustomElementRegistry")}} représentant le registre des éléments personnalisés pour la fenêtre en cours.</p> -<h2 id="Examples" name="Examples">Exemples</h2> +<h2 id="Examples">Exemples</h2> <p>L'exemple le plus courant d'utilisation de cette propriété que vous verrez sera d'obtenir l'accès à la méthode {{domxref ("CustomElementRegistry.define()")}} pour définir et enregistrer un nouvel élément personnalisé, par exemple :</p> @@ -46,7 +46,7 @@ registreElementsPersonnalises.define('mon-element-personnalise', MonElementPerso <p>Voir notre repo <a href="https://github.com/mdn/web-components-examples/">web-components-examples</a> pour davantage d'exemples d'utilisation.</p> -<h2 id="Specification" name="Specification">Spécification</h2> +<h2 id="Specification">Spécification</h2> <table class="standard-table"> <tbody> diff --git a/files/fr/web/api/window/cut_event/index.html b/files/fr/web/api/window/cut_event/index.html index 259c67c79a..ad3a5de15d 100644 --- a/files/fr/web/api/window/cut_event/index.html +++ b/files/fr/web/api/window/cut_event/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/Window/cut_event --- <div>{{APIRef}}</div> -<p><span class="seoSummary">L'événement <strong><code>cut</code></strong> est déclenché lorsque l'utilisateur a lancé une action de "cut" via l'interface utilisateur du navigateur.</span></p> +<p>L'événement <strong><code>cut</code></strong> est déclenché lorsque l'utilisateur a lancé une action de "cut" via l'interface utilisateur du navigateur.</p> <table class="properties"> <tbody> @@ -40,7 +40,7 @@ translation_of: Web/API/Window/cut_event <h2 id="Exemples">Exemples</h2> -<pre class="brush: js notranslate">window.addEventListener('cut', (event) => { +<pre class="brush: js">window.addEventListener('cut', (event) => { console.log('cut action initiated') });</pre> diff --git a/files/fr/web/api/window/defaultstatus/index.html b/files/fr/web/api/window/defaultstatus/index.html index 9a991ac4fb..125688eca6 100644 --- a/files/fr/web/api/window/defaultstatus/index.html +++ b/files/fr/web/api/window/defaultstatus/index.html @@ -18,23 +18,21 @@ translation_of: Web/API/Window/defaultStatus <p>{{ APIRef() }}</p> -<h2 id="Summary" name="Summary">Résumé</h2> - <p>Obtient / définit le texte de la barre d'état pour la fenêtre donnée.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> -<pre class="eval notranslate"><em>var sMsg</em> = window.defaultStatus; +<pre class="eval"><em>var sMsg</em> = window.defaultStatus; window.defaultStatus = <em>sMsg;</em> </pre> -<h3 id="Parameters" name="Parameters">Paramètres</h3> +<h3 id="Parameters">Paramètres</h3> <ul> <li><code>sMsg</code> est une chaîne contenant le texte à afficher par défaut dans la barre d'état.</li> </ul> -<h2 id="Example" name="Example">Exemple</h2> +<h2 id="Example">Exemple</h2> <pre class="notranslate"><html> <body onload="window.defaultStatus='salut!';"/> @@ -43,10 +41,10 @@ window.defaultStatus = <em>sMsg;</em> </html> </pre> -<h2 id="Notes" name="Notes">Notes</h2> +<h2 id="Notes">Notes</h2> <p>Pour définir le statut une fois la fenêtre ouverte, utilisez {{domxref("window.status")}}.</p> -<h2 id="Specification" name="Specification">Spécification</h2> +<h2 id="Specification">Spécification</h2> <p>HTML5</p> diff --git a/files/fr/web/api/window/devicemotion_event/index.html b/files/fr/web/api/window/devicemotion_event/index.html index 3d4d2fd951..aa77418513 100644 --- a/files/fr/web/api/window/devicemotion_event/index.html +++ b/files/fr/web/api/window/devicemotion_event/index.html @@ -10,7 +10,7 @@ original_slug: FUEL/Window/devicemotion_event <dl> <dt style="float: left; text-align: right; width: 120px;">Spécification</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/orientation-event/#devicemotion">DeviceOrientation Event</a></dd> + <dd style="margin: 0 0 0 120px;"><a href="http://www.w3.org/TR/orientation-event/#devicemotion">DeviceOrientation Event</a></dd> <dt style="float: left; text-align: right; width: 120px;">Interface</dt> <dd style="margin: 0 0 0 120px;">DeviceMotionEvent</dd> <dt style="float: left; text-align: right; width: 120px;">Propagation</dt> @@ -35,43 +35,43 @@ original_slug: FUEL/Window/devicemotion_event </thead> <tbody> <tr> - <td><code>target</code> <span class="inlineIndicator readOnly readOnlyInline" title="Cette valeur ne peut pas être changée.">Lecture seule </span></td> - <td><a href="/fr/docs/Web/API/EventTarget" title="EventTarget est une interface implémentée par des objets qui peuvent recevoir des évènements et avoir des auditeurs."><code>EventTarget</code></a></td> + <td><code>target</code> Lecture seule </td> + <td><a href="/fr/docs/Web/API/EventTarget"><code>EventTarget</code></a></td> <td>The event target (the topmost target in the DOM tree).</td> </tr> <tr> - <td><code>type</code> <span class="inlineIndicator readOnly readOnlyInline" title="Cette valeur ne peut pas être changée.">Lecture seule </span></td> - <td><a href="/fr/docs/Web/API/DOMString" title="Une chaîne de caractères UTF-16. Comme JavaScript utilise déjà ce type de chaîne de caractères, DOMString est directement associé à String."><code>DOMString</code></a></td> + <td><code>type</code> Lecture seule </td> + <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td> <td>The type of event.</td> </tr> <tr> - <td><code>bubbles</code> <span class="inlineIndicator readOnly readOnlyInline" title="Cette valeur ne peut pas être changée.">Lecture seule </span></td> - <td><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Boolean" title="L'objet Boolean est un objet permettant de représenter une valeur booléenne."><code>Boolean</code></a></td> + <td><code>bubbles</code> Lecture seule </td> + <td><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Boolean"><code>Boolean</code></a></td> <td>Whether the event normally bubbles or not</td> </tr> <tr> - <td><code>cancelable</code> <span class="inlineIndicator readOnly readOnlyInline" title="Cette valeur ne peut pas être changée.">Lecture seule </span></td> - <td><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Boolean" title="L'objet Boolean est un objet permettant de représenter une valeur booléenne."><code>Boolean</code></a></td> + <td><code>cancelable</code> Lecture seule </td> + <td><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Boolean"><code>Boolean</code></a></td> <td>Whether the event is cancellable or not?</td> </tr> <tr> - <td><code>acceleration</code> <span class="inlineIndicator readOnly readOnlyInline" title="Cette valeur ne peut pas être changée.">Lecture seule </span></td> - <td><a href="/fr/docs/Web/API/DeviceAcceleration" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>DeviceAcceleration</code></a></td> + <td><code>acceleration</code> Lecture seule </td> + <td><a href="/fr/docs/Web/API/DeviceAcceleration"><code>DeviceAcceleration</code></a></td> <td>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.</td> </tr> <tr> - <td><code>accelerationIncludingGravity </code><span class="inlineIndicator readOnly readOnlyInline" title="Cette valeur ne peut pas être changée.">Lecture seule </span></td> - <td><a href="/fr/docs/Web/API/DeviceAcceleration" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>DeviceAcceleration</code></a></td> + <td><code>accelerationIncludingGravity </code>Lecture seule </td> + <td><a href="/fr/docs/Web/API/DeviceAcceleration"><code>DeviceAcceleration</code></a></td> <td>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.</td> </tr> <tr> - <td><code>interval</code> <span class="inlineIndicator readOnly readOnlyInline" title="Cette valeur ne peut pas être changée.">Lecture seule </span></td> + <td><code>interval</code> Lecture seule </td> <td>double</td> <td>The interval, in milliseconds, at which the DeviceMotionEvent is fired. The next event will be fired in approximately this amount of time.</td> </tr> <tr> - <td><code>rotationRate</code> <span class="inlineIndicator readOnly readOnlyInline" title="Cette valeur ne peut pas être changée.">Lecture seule </span></td> - <td><a href="/fr/docs/Web/API/DeviceRotationRate" title="Un objet DeviceRotationRate fournit une information sur la vitesse avec laquelle un appareil est en rotation autour des 3 axes."><code>DeviceRotationRate</code></a></td> + <td><code>rotationRate</code> Lecture seule </td> + <td><a href="/fr/docs/Web/API/DeviceRotationRate"><code>DeviceRotationRate</code></a></td> <td>The rates of rotation of the device about all three axes.</td> </tr> </tbody> diff --git a/files/fr/web/api/window/devicepixelratio/index.html b/files/fr/web/api/window/devicepixelratio/index.html index 0b4750d74a..f7a9d3a7bf 100644 --- a/files/fr/web/api/window/devicepixelratio/index.html +++ b/files/fr/web/api/window/devicepixelratio/index.html @@ -9,7 +9,7 @@ translation_of: Web/API/Window/devicePixelRatio <p>Aucun rappel ni événement ne se déclenche lorsque la valeur change (par exemple, si vous glissez la fenêtre entre deux écrans à densités de pixels différentes).</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="syntaxbox"><em><var>valeur</var></em> = window.devicePixelRatio; </pre> diff --git a/files/fr/web/api/window/dialogarguments/index.html b/files/fr/web/api/window/dialogarguments/index.html index dd78944ac0..1bd4d4ece5 100644 --- a/files/fr/web/api/window/dialogarguments/index.html +++ b/files/fr/web/api/window/dialogarguments/index.html @@ -15,11 +15,11 @@ translation_of: Web/API/Window/dialogArguments --- <p>{{ deprecated_header() }}{{APIRef}}</p> -<p><span class="seoSummary">La propriété <code>dialogArguments</code> renvoie les paramètres qui ont été transmis à la méthode {{domxref("window.showModalDialog()")}} method.</span> Cela vous permet de déterminer quels paramètres ont été spécifiés lors de la boîte de dialogue modale.</p> +<p>La propriété <code>dialogArguments</code> renvoie les paramètres qui ont été transmis à la méthode {{domxref("window.showModalDialog()")}} method. Cela vous permet de déterminer quels paramètres ont été spécifiés lors de la boîte de dialogue modale.</p> <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate"><var>valeur</var> = window.dialogArguments;</pre> +<pre class="syntaxbox"><var>valeur</var> = window.dialogArguments;</pre> <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> diff --git a/files/fr/web/api/window/directories/index.html b/files/fr/web/api/window/directories/index.html index a4ea62e3a8..bac28b3489 100644 --- a/files/fr/web/api/window/directories/index.html +++ b/files/fr/web/api/window/directories/index.html @@ -18,20 +18,18 @@ translation_of: Web/API/Window/directories <p>{{ APIRef() }}</p> -<h3 id="Summary" name="Summary">Résumé</h3> - <p>Retourne l'objet de la barre d'outils de la barre personnelle de la fenêtre. Utilisez plutôt {{ domxref("window.personalbar") }}.</p> -<h3 id="Syntax" name="Syntax">Syntaxe</h3> +<h3 id="Syntax">Syntaxe</h3> -<pre class="javascript notranslate">var <var>dirBar</var> = window.directories; +<pre class="brush: js">var <var>dirBar</var> = window.directories; </pre> -<h3 id="Parameters" name="Parameters">Paramètres</h3> +<h3 id="Parameters">Paramètres</h3> <p><var>dirBar</var> est un objet du type <code>BarProp</code>.</p> -<h3 id="Example" name="Example">Exemple</h3> +<h3 id="Example">Exemple</h3> <pre class="notranslate"><script> function dirs() { @@ -40,6 +38,6 @@ translation_of: Web/API/Window/directories </script> </pre> -<h3 id="Specification" name="Specification">Spécification</h3> +<h3 id="Specification">Spécification</h3> <p>Ne fait pas partie des spécifications.</p> diff --git a/files/fr/web/api/window/document/index.html b/files/fr/web/api/window/document/index.html index 1fc02df5ad..70769ed0b9 100644 --- a/files/fr/web/api/window/document/index.html +++ b/files/fr/web/api/window/document/index.html @@ -11,11 +11,11 @@ translation_of: Web/API/Window/document --- <div>{{APIRef}}</div> -<p><span class="seoSummary"><strong><code>window.document</code></strong> renvoie une référence au <a href="/en-US/docs/Web/API/document">document</a> contenu dans la fenêtre.</span></p> +<p><strong><code>window.document</code></strong> renvoie une référence au <a href="/en-US/docs/Web/API/document">document</a> contenu dans la fenêtre.</p> <h2 id="Exemple">Exemple</h2> -<pre class="brush: js notranslate">console.log(window.document.title); +<pre class="brush: js">console.log(window.document.title); </pre> <h2 id="Spécifications">Spécifications</h2> diff --git a/files/fr/web/api/window/domcontentloaded_event/index.html b/files/fr/web/api/window/domcontentloaded_event/index.html index d7c00d95b1..a2e989049d 100644 --- a/files/fr/web/api/window/domcontentloaded_event/index.html +++ b/files/fr/web/api/window/domcontentloaded_event/index.html @@ -31,19 +31,19 @@ original_slug: Web/Events/DOMContentLoaded <p>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 <code>Window</code> 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: DOMContentLoaded event")}}.</p> -<p>L’évènement <a href="/fr/docs/Web/Events/load" title="/fr/docs/Mozilla_event_reference/load"><code>load</code></a>, 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 <a href="/fr/docs/Web/Events/load" title="/fr/docs/Mozilla_event_reference/load"> <code>load</code> </a>là où <code>DOMContentLoaded</code> serait beaucoup plus approprié.</p> +<p>L’évènement <a href="/fr/docs/Web/Events/load"><code>load</code></a>, 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 <a href="/fr/docs/Web/Events/load"> <code>load</code> </a>là où <code>DOMContentLoaded</code> serait beaucoup plus approprié.</p> -<div class="blockIndicator note"> -<p><strong>Note :</strong> Le JavaScript synchrone interromp l’analyse du DOM.</p> +<div class="note"> +<p><strong>Note :</strong> Le JavaScript synchrone interromp l’analyse du DOM.</p> </div> -<div class="blockIndicator note"> -<p><strong>Note :</strong> Il existe également de nombreuses bibliothèques indépendantes à usage général qui offrent des méthodes multi-navigateur pour détecter quand le DOM est prêt.</p> +<div class="note"> +<p><strong>Note :</strong> Il existe également de nombreuses bibliothèques indépendantes à usage général qui offrent des méthodes multi-navigateur pour détecter quand le DOM est prêt.</p> </div> <h2 id="Accélérer">Accélérer</h2> -<p>Si vous voulez que le DOM soit analysé aussi rapidement que possible après que l’utilisateur ou l’utilisatrice a demandé la page, vous pouvez <a href="/fr/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests" title="/fr/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests">rendre votre JavaScript asynchrone</a> et <a href="https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery">optimiser le chargement des feuilles de style</a>. Ces dernières, sans optimisation, ralentissent le chargement de la page parce qu’elles sont chargées en parallèle, et « subtilisent » de la bande passante au document html principal.</p> +<p>Si vous voulez que le DOM soit analysé aussi rapidement que possible après que l’utilisateur ou l’utilisatrice a demandé la page, vous pouvez <a href="/fr/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests">rendre votre JavaScript asynchrone</a> et <a href="https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery">optimiser le chargement des feuilles de style</a>. Ces dernières, sans optimisation, ralentissent le chargement de la page parce qu’elles sont chargées en parallèle, et « subtilisent » de la bande passante au document html principal.</p> <h2 id="Exemples">Exemples</h2> diff --git a/files/fr/web/api/window/dump/index.html b/files/fr/web/api/window/dump/index.html index c1821d4daa..aa1ba730e6 100644 --- a/files/fr/web/api/window/dump/index.html +++ b/files/fr/web/api/window/dump/index.html @@ -8,19 +8,19 @@ tags: translation_of: Web/API/Window/dump --- <p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3> +<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> <p>Affiche des messages dans la console (native).</p> -<h3 id="Syntaxe" name="Syntaxe">Syntaxe</h3> +<h3 id="Syntaxe">Syntaxe</h3> <pre class="eval">dump(<em>message</em>); </pre> <ul> <li><code>message</code> est le message texte à afficher.</li> </ul> -<h3 id="Notes" name="Notes">Notes</h3> -<p><code>dump</code> est habituellement utilisé pour débogage du JavaScript. Du code avec permissions peut également utiliser <a href="/fr/Components.utils.reportError" title="fr/Components.utils.reportError">Components.utils.reportError</a> et <a href="/fr/nsIConsoleService" title="fr/nsIConsoleService">nsIConsoleService</a> pour afficher des messages dans la <a href="/fr/Console_JavaScript" title="fr/Console_JavaScript">console JavaScript</a>.</p> -<p>Dans <a href="/fr/Gecko" title="fr/Gecko">Gecko</a>, <code>dump</code> est désactivé par défaut – il ne fait rien mais ne génère aucune erreur. Pour que <code>dump</code> écrive dans le flux standard de sortie, vous devez l'activer en mettant la préférence <code>browser.dom.window.dump.enabled</code> à <code>true</code>. Vous pouvez définir cette préférence dans <a class="external" href="http://kb.mozillazine.org/About:config">about:config</a> ou dans un <a class="external" href="http://kb.mozillazine.org/User.js_file">fichier user.js</a>.</p> +<h3 id="Notes">Notes</h3> +<p><code>dump</code> est habituellement utilisé pour débogage du JavaScript. Du code avec permissions peut également utiliser <a href="/fr/Components.utils.reportError">Components.utils.reportError</a> et <a href="/fr/nsIConsoleService">nsIConsoleService</a> pour afficher des messages dans la <a href="/fr/Console_JavaScript">console JavaScript</a>.</p> +<p>Dans <a href="/fr/Gecko">Gecko</a>, <code>dump</code> est désactivé par défaut – il ne fait rien mais ne génère aucune erreur. Pour que <code>dump</code> écrive dans le flux standard de sortie, vous devez l'activer en mettant la préférence <code>browser.dom.window.dump.enabled</code> à <code>true</code>. Vous pouvez définir cette préférence dans <a href="http://kb.mozillazine.org/About:config">about:config</a> ou dans un <a href="http://kb.mozillazine.org/User.js_file">fichier user.js</a>.</p> <p>Vous aurez besoin d'une console pour voir quelque chose. Si vous n'en avez pas déjà une, fermez et réouvrez le programme en ajoutant le paramètre <code>-console</code> à la ligne de commande.</p> -<p><code>dump</code> est également disponible au composants XPCOM implémentés en JavaScript, même si <a href="/fr/DOM/window" title="fr/DOM/window">window</a> n'est pas l'objet global dans ce contexte.</p> -<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3> +<p><code>dump</code> est également disponible au composants XPCOM implémentés en JavaScript, même si <a href="/fr/DOM/window">window</a> n'est pas l'objet global dans ce contexte.</p> +<h3 id="Sp.C3.A9cification">Spécification</h3> <p>{{ DOM0() }}</p> <p>{{ languages( { "en": "en/DOM/window.dump", "ja": "ja/DOM/window.dump", "pl": "pl/DOM/window.dump" } ) }}</p> diff --git a/files/fr/web/api/window/event/index.html b/files/fr/web/api/window/event/index.html index 8697634ad7..9876f88745 100644 --- a/files/fr/web/api/window/event/index.html +++ b/files/fr/web/api/window/event/index.html @@ -38,7 +38,7 @@ translation_of: Web/API/Window/event </tbody> </table> -<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilité des navigateurs</h2> +<h2 id="Browser_Compatibility">Compatibilité des navigateurs</h2> <p>{{Compat("api.Window.event")}}</p> diff --git a/files/fr/web/api/window/find/index.html b/files/fr/web/api/window/find/index.html index 9ce279fc62..b9743102e6 100644 --- a/files/fr/web/api/window/find/index.html +++ b/files/fr/web/api/window/find/index.html @@ -23,7 +23,7 @@ translation_of: Web/API/Window/find <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate"><em>window</em>.find(<em>aString</em>, <em>aCaseSensitive</em>, <em>aBackwards</em>, <em>aWrapAround</em>, +<pre class="syntaxbox"><em>window</em>.find(<em>aString</em>, <em>aCaseSensitive</em>, <em>aBackwards</em>, <em>aWrapAround</em>, <em>aWholeWord</em>, <em>aSearchInFrames</em>, <em>aShowDialog</em>);</pre> <dl> @@ -49,13 +49,13 @@ translation_of: Web/API/Window/find <h3 id="JavaScript">JavaScript</h3> -<pre class="brush: js notranslate">findString = function findText(text) { +<pre class="brush: js">findString = function findText(text) { alert("String \x22" + text + "\x22 found? " + window.find(text)); }</pre> <h3 id="HTML">HTML</h3> -<pre class="brush: html notranslate"><p>Apples, Bananas, and Oranges.</p> +<pre class="brush: html"><p>Apples, Bananas, and Oranges.</p> <button type="button" onClick='findString("Apples")'>Search for Apples</button> <button type="button" onClick='findString("Banana")'>Search for Banana</button> <button type="button" onClick='findString("Orange")'>Search for Orange</button> @@ -71,7 +71,7 @@ translation_of: Web/API/Window/find <h2 id="Spécification">Spécification</h2> -<p id="comment_text_2">Cela ne fait partie d'aucune spécification.</p> +<p>Cela ne fait partie d'aucune spécification.</p> <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> diff --git a/files/fr/web/api/window/focus/index.html b/files/fr/web/api/window/focus/index.html index 51d55e804a..b07ab44b65 100644 --- a/files/fr/web/api/window/focus/index.html +++ b/files/fr/web/api/window/focus/index.html @@ -14,14 +14,14 @@ translation_of: Web/API/Window/focus <pre class="eval">window.focus() </pre> -<h2 id="Example" name="Example">Exemple</h2> +<h2 id="Example">Exemple</h2> <pre class="eval">if (clicked) { window.focus(); } </pre> -<h2 id="Specification" name="Specification">Spécification</h2> +<h2 id="Specification">Spécification</h2> -<table class="spectable standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="col">Specification</th> diff --git a/files/fr/web/api/window/frameelement/index.html b/files/fr/web/api/window/frameelement/index.html index 682e4852f0..4a36ff3fd6 100644 --- a/files/fr/web/api/window/frameelement/index.html +++ b/files/fr/web/api/window/frameelement/index.html @@ -11,7 +11,7 @@ translation_of: Web/API/Window/frameElement --- <div>{{ApiRef}}</div> -<p><span class="seoSummary">La propriété <code><strong>Window.frameElement</strong></code> renvoie l'élément (tel que {{HTMLElement("iframe")}} ou {{HTMLElement("object")}}) dans lequel la fenêtre est intégrée.</span></p> +<p>La propriété <code><strong>Window.frameElement</strong></code> renvoie l'élément (tel que {{HTMLElement("iframe")}} ou {{HTMLElement("object")}}) dans lequel la fenêtre est intégrée.</p> <div class="note"> <p><strong>Note:</strong> Malgré le nom de cette propriété, elle fonctionne pour les documents intégrés dans n'importe quel point d'incorporation, y compris {{HTMLElement("object")}}, {{HTMLElement("iframe")}}, ou {{HTMLElement("embed")}}.</p> @@ -19,7 +19,7 @@ translation_of: Web/API/Window/frameElement <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate">const <em>frameEl</em> = window.frameElement +<pre class="syntaxbox">const <em>frameEl</em> = window.frameElement </pre> <h3 id="Valeur">Valeur</h3> @@ -28,7 +28,7 @@ translation_of: Web/API/Window/frameElement <h2 id="Exemple">Exemple</h2> -<pre class="brush:js notranslate">const frameEl = window.frameElement; +<pre class="brush:js">const frameEl = window.frameElement; // Si nous sommes incorporés, modifiez l'URL de l'élément contenant en 'http://mozilla.org/' if (frameEl) { frameEl.src = 'http://mozilla.org/'; diff --git a/files/fr/web/api/window/frames/index.html b/files/fr/web/api/window/frames/index.html index 3823eba20d..1fd6a767fe 100644 --- a/files/fr/web/api/window/frames/index.html +++ b/files/fr/web/api/window/frames/index.html @@ -15,13 +15,9 @@ translation_of: Web/API/Window/frames --- <p>{{ApiRef("Window")}}</p> -<p> </p> - -<h2 id="Summary" name="Summary">Résumé</h2> - <p>Renvoie la fenêtre elle-même, qui est semblable à un objet de type Array, listant les frames présentes dans la fenêtre courante.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="eval"><em>frameList</em> = window.frames; </pre> @@ -29,11 +25,11 @@ translation_of: Web/API/Window/frames <ul> <li><code>frameList</code> est une liste d'objets frame, semblable à un tableau grâce à la propriété <code>length</code> . Ses éléments sont accessibles en utilisant la notation <code>{{ mediawiki.external('i') }}</code>.</li> <li><code>frameList === window</code> est évalué à <code>true</code>.</li> - <li>Chaque élément de window.frames est un pseudo tableau représentant l'objet <a class="internal" href="/en/DOM/window" title="en/DOM/window">window</a> correspondant au contenu de la <a class="internal" href="/en/HTML/Element/frame" title="en/HTML/Element/frame"><frame></a> ou <a class="internal" href="/en/HTML/Element/iframe" title="en/HTML/Element/iframe"><iframe></a> , et non au DOM element (i)frame (ex., <code>window.frames[ 0 ]</code> équivaut à <code>document.getElementsByTagName( "iframe" )[ 0 ].contentWindow</code>).</li> - <li>pour plus de détails sur la valeur retournée, se référer au <a class="external external-icon" href="http://groups.google.com/group/mozilla.dev.platform/browse_thread/thread/5628c6f346859d4f/169aa7004565066?hl=en&ie=UTF-8&oe=utf-8&q=window.frames&pli=1" title="http://groups.google.com/group/mozilla.dev.platform/browse_thread/thread/5628c6f346859d4f/169aa7004565066?hl=en&ie=UTF-8&oe=utf-8&q=window.frames&pli=1">fil de discussion sur mozilla.dev.platform</a>.</li> + <li>Chaque élément de window.frames est un pseudo tableau représentant l'objet <a href="/en/DOM/window">window</a> correspondant au contenu de la <a href="/en/HTML/Element/frame"><frame></a> ou <a href="/en/HTML/Element/iframe"><iframe></a> , et non au DOM element (i)frame (ex., <code>window.frames[ 0 ]</code> équivaut à <code>document.getElementsByTagName( "iframe" )[ 0 ].contentWindow</code>).</li> + <li>pour plus de détails sur la valeur retournée, se référer au <a href="http://groups.google.com/group/mozilla.dev.platform/browse_thread/thread/5628c6f346859d4f/169aa7004565066?hl=en&ie=UTF-8&oe=utf-8&q=window.frames&pli=1">fil de discussion sur mozilla.dev.platform</a>.</li> </ul> -<h2 id="Example" name="Example">Exemple</h2> +<h2 id="Example">Exemple</h2> <pre class="brush: js">var frames = window.frames; // ou // var frames = window.parent.frames; for (var i = 0; i < frames.length; i++) { @@ -42,8 +38,6 @@ for (var i = 0; i < frames.length; i++) { } </pre> -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p id="comment_text_2">{{SpecName('HTML WHATWG','browsers.html#dom-frames','Window.frames')}}</p> +<h2 id="Specification">Spécifications</h2> -<p> </p> +<p>{{SpecName('HTML WHATWG','browsers.html#dom-frames','Window.frames')}}</p>
\ No newline at end of file diff --git a/files/fr/web/api/window/fullscreen/index.html b/files/fr/web/api/window/fullscreen/index.html index 32fe1cb9bb..dbd330f4f5 100644 --- a/files/fr/web/api/window/fullscreen/index.html +++ b/files/fr/web/api/window/fullscreen/index.html @@ -8,13 +8,13 @@ tags: translation_of: Web/API/Window/fullScreen --- <p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3> +<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> <p>Cette propriété indique si la fenêtre est affichée en mode plein écran ou non. Elle n'est fiable qu'à partir de Gecko 1.9 (Firefox 3), voir les Notes plus bas.</p> -<h3 id="Syntaxe" name="Syntaxe">Syntaxe</h3> +<h3 id="Syntaxe">Syntaxe</h3> <pre class="eval">var <var>isInFullScreen</var> = <var>windowRef</var>.fullScreen; </pre> <p>Avec les privilèges chrome, la propriété est modifiable ; autrement elle est en lecture seule. Souvenez-vous que si vous essayez de définir cette propriété sans les privilèges chrome, aucune exception ne sera déclenchée et l'appel échouera juste silencieusement. Cela permet d'empêcher que des scripts conçus pour utiliser cette propriété dans Internet Explorer cessent de fonctionner.</p> -<h3 id="Valeur_de_retour" name="Valeur_de_retour">Valeur de retour</h3> +<h3 id="Valeur_de_retour">Valeur de retour</h3> <dl> <dt> <code>isInFullScreen</code></dt> @@ -25,12 +25,8 @@ translation_of: Web/API/Window/fullScreen <li><code>true</code> : La fenêtre est en mode plein écran.</li> <li><code>false</code> : La fenêtre n'est pas en mode plein écran.</li> </ul> -<h3 id="Exemples" name="Exemples">Exemples</h3> -<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3> +<h3 id="Exemples">Exemples</h3> +<h3 id="Sp.C3.A9cification">Spécification</h3> <p>{{ DOM0() }}</p> -<h3 id="Notes" name="Notes">Notes</h3> -<p>Cette propriété n'est fiable qu'à partir de Mozilla 1.9 (Firefox 3). Mozilla 1.8 et les versions antérieures disposent de cette propriété, mais elle renvoie toujours <code>false</code>, même quand la fenêtre est en mode plein écran ({{ Bug(127013) }}).</p> -<p> </p> -<div class="noinclude"> - </div> -<p>{{ languages( { "en": "en/DOM/window.fullScreen", "es": "es/DOM/window.fullScreen", "ja": "ja/DOM/window.fullScreen" } ) }}</p> +<h3 id="Notes">Notes</h3> +<p>Cette propriété n'est fiable qu'à partir de Mozilla 1.9 (Firefox 3). Mozilla 1.8 et les versions antérieures disposent de cette propriété, mais elle renvoie toujours <code>false</code>, même quand la fenêtre est en mode plein écran ({{ Bug(127013) }}).</p>
\ No newline at end of file diff --git a/files/fr/web/api/window/gamepadconnected_event/index.html b/files/fr/web/api/window/gamepadconnected_event/index.html index 0f68232b6c..4452ac1892 100644 --- a/files/fr/web/api/window/gamepadconnected_event/index.html +++ b/files/fr/web/api/window/gamepadconnected_event/index.html @@ -10,7 +10,7 @@ translation_of: Web/API/Window/gamepadconnected_event <dl> <dt style="float: left; text-align: right; width: 120px;">Spécification</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/gamepad/#the-gamepadconnected-event">Gamepad</a></dd> + <dd style="margin: 0 0 0 120px;"><a href="http://www.w3.org/TR/gamepad/#the-gamepadconnected-event">Gamepad</a></dd> <dt style="float: left; text-align: right; width: 120px;">Interface</dt> <dd style="margin: 0 0 0 120px;">Event</dd> <dt style="float: left; text-align: right; width: 120px;">Propagation</dt> @@ -76,7 +76,7 @@ window.addEventListener("gamepadconnected", function( event ) { <h2 id="Evénements_liés">Evénements liés</h2> <ul> - <li><a href="https://developer.mozilla.org/en-US/docs/Web/Reference/Events/gamepaddisconnected">gamepaddisconnected</a></li> + <li><a href="/en-US/docs/Web/Reference/Events/gamepaddisconnected">gamepaddisconnected</a></li> </ul> <h2 id="Voir_aussi">Voir aussi</h2> diff --git a/files/fr/web/api/window/gamepaddisconnected_event/index.html b/files/fr/web/api/window/gamepaddisconnected_event/index.html index f62baa963a..e4c36c1ece 100644 --- a/files/fr/web/api/window/gamepaddisconnected_event/index.html +++ b/files/fr/web/api/window/gamepaddisconnected_event/index.html @@ -9,7 +9,7 @@ translation_of: Web/API/Window/gamepaddisconnected_event <dl> <dt style="float: left; text-align: right; width: 120px;">Spécification</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/gamepad/#the-gamepaddisconnected-event">Gamepad</a></dd> + <dd style="margin: 0 0 0 120px;"><a href="http://www.w3.org/TR/gamepad/#the-gamepaddisconnected-event">Gamepad</a></dd> <dt style="float: left; text-align: right; width: 120px;">Interface</dt> <dd style="margin: 0 0 0 120px;">{{domxref("Event")}}</dd> <dt style="float: left; text-align: right; width: 120px;">Propagation</dt> @@ -64,7 +64,7 @@ translation_of: Web/API/Window/gamepaddisconnected_event <h2 id="Evénements_liés">Evénements liés</h2> <ul> - <li><a href="https://developer.mozilla.org/fr/docs/Web/Reference/Events/gamepadconnected">gamepadconnected</a></li> + <li><a href="/fr/docs/Web/Reference/Events/gamepadconnected">gamepadconnected</a></li> </ul> <h2 id="Voir_aussi">Voir aussi</h2> diff --git a/files/fr/web/api/window/getcomputedstyle/index.html b/files/fr/web/api/window/getcomputedstyle/index.html index d6210f567c..3309f13543 100644 --- a/files/fr/web/api/window/getcomputedstyle/index.html +++ b/files/fr/web/api/window/getcomputedstyle/index.html @@ -7,7 +7,7 @@ translation_of: Web/API/Window/getComputedStyle <h2 id="Résumé">Résumé</h2> -<p><code>La méthode window.getComputedStyle() </code>donne la <a href="/en/CSS/used_value" title="https://developer.mozilla.org/en/CSS/used_value">valeur calculée finale</a> de toutes les propriétés CSS sur un élément.</p> +<p><code>La méthode window.getComputedStyle() </code>donne la <a href="/en/CSS/used_value">valeur calculée finale</a> de toutes les propriétés CSS sur un élément.</p> <h2 id="Syntaxe">Syntaxe</h2> @@ -20,9 +20,11 @@ translation_of: Web/API/Window/getComputedStyle <dd>Chaîne de caractère spécifiant le pseudo-élément à cibler. Doit être <code>null</code> (ou non spécifiée) pour les éléments communs.</dd> </dl> -<div class="note"><strong>Note:</strong> Avant Gecko 2.0 {{ geckoRelease("2.0") }}, le paramètre <code>pseudoElt</code> était obligatoire. Aucun autre navigateur majeur ne requiert que ce paramètre soit renseigné si il est null. Gecko a été modifié pour se comporter comme les autres navigateurs.</div> +<div class="note"> + <p><strong>Note :</strong> Avant Gecko 2.0 {{ geckoRelease("2.0") }}, le paramètre <code>pseudoElt</code> était obligatoire. Aucun autre navigateur majeur ne requiert que ce paramètre soit renseigné si il est null. Gecko a été modifié pour se comporter comme les autres navigateurs.</p> +</div> -<p>La valeur de retour <code>style</code> est un objet <a href="/en/DOM/CSSStyleDeclaration" title="en/DOM/CSSStyleDeclaration"><code>CSSStyleDeclaration</code></a>.</p> +<p>La valeur de retour <code>style</code> est un objet <a href="/en/DOM/CSSStyleDeclaration"><code>CSSStyleDeclaration</code></a>.</p> <h2 id="Exemple">Exemple</h2> @@ -55,21 +57,21 @@ var style = window.getComputedStyle(elem1, null); </script> </pre> -<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="function token">function dumpComputedStyles</span><span class="punctuation token">(</span>elem<span class="punctuation token">,</span>prop<span class="punctuation token">)</span> <span class="punctuation token">{</span> +<pre class="brush: js">function dumpComputedStyles(elem,prop) { - <span class="keyword token">var</span> cs <span class="operator token">=</span> window<span class="punctuation token">.</span><span class="function token">getComputedStyle</span><span class="punctuation token">(</span>elem<span class="punctuation token">,</span><span class="keyword token">null</span><span class="punctuation token">)</span><span class="punctuation token">;</span> - <span class="keyword token">if</span> <span class="punctuation token">(</span>prop<span class="punctuation token">)</span> <span class="punctuation token">{</span> - console<span class="punctuation token">.</span><span class="function token">log</span><span class="punctuation token">(</span>prop<span class="operator token">+</span><span class="string token">" : "</span><span class="operator token">+</span>cs<span class="punctuation token">.</span><span class="function token">getPropertyValue</span><span class="punctuation token">(</span>prop<span class="punctuation token">)</span><span class="punctuation token">)</span><span class="punctuation token">;</span> - <span class="keyword token">return</span><span class="punctuation token">;</span> - <span class="punctuation token">}</span> - <span class="keyword token">var</span> len <span class="operator token">=</span> cs<span class="punctuation token">.</span>length<span class="punctuation token">;</span> - <span class="keyword token">for</span> <span class="punctuation token">(</span><span class="keyword token">var</span> i<span class="operator token">=</span><span class="number token">0</span><span class="punctuation token">;</span>i<span class="operator token"><</span>len<span class="punctuation token">;</span>i<span class="operator token">++</span><span class="punctuation token">)</span> <span class="punctuation token">{</span> + var cs = window.getComputedStyle(elem,null); + if (prop) { + console.log(prop+" : "+cs.getPropertyValue(prop)); + return; + } + var len = cs.length; + for (var i=0;i<len;i++) { - <span class="keyword token">var</span> style <span class="operator token">=</span> cs<span class="punctuation token">[</span>i<span class="punctuation token">]</span><span class="punctuation token">;</span> - console<span class="punctuation token">.</span><span class="function token">log</span><span class="punctuation token">(</span>style<span class="operator token">+</span><span class="string token">" : "</span><span class="operator token">+</span>cs<span class="punctuation token">.</span><span class="function token">getPropertyValue</span><span class="punctuation token">(</span>style<span class="punctuation token">)</span><span class="punctuation token">)</span><span class="punctuation token">;</span> - <span class="punctuation token">}</span> + var style = cs[i]; + console.log(style+" : "+cs.getPropertyValue(style)); + } -<span class="punctuation token">}</span></code></pre> +}</pre> <h2 id="Description">Description</h2> diff --git a/files/fr/web/api/window/getselection/index.html b/files/fr/web/api/window/getselection/index.html index 9e2bfde703..579af3f9a0 100644 --- a/files/fr/web/api/window/getselection/index.html +++ b/files/fr/web/api/window/getselection/index.html @@ -7,18 +7,18 @@ translation_of: Web/API/Window/getSelection <p>Renvoie un objet selection représentant le ou les objets sélectionnés.</p> -<h2 id="Syntaxe" name="Syntaxe">Syntaxe</h2> +<h2 id="Syntaxe">Syntaxe</h2> <pre class="eval"><em>selection</em> = window.getSelection() </pre> -<h2 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h2> +<h2 id="Param.C3.A8tres">Paramètres</h2> <ul> <li><code>selection</code> est un objet de type {{DOMxRef("Selection")}}.</li> </ul> -<h2 id="Exemple" name="Exemple">Exemple</h2> +<h2 id="Exemple">Exemple</h2> <pre class="eval">function foo() { var selObj = window.getSelection(); @@ -28,20 +28,20 @@ translation_of: Web/API/Window/getSelection } </pre> -<h2 id="Notes" name="Notes">Notes</h2> +<h2 id="Notes">Notes</h2> -<p>En <a href="fr/JavaScript">JavaScript</a>, lorsqu'un objet de type Selection est passé à une fonction, c'est une représentation sous forme de chaîne (string), c'est-à-dire le texte sélectionné, qui lui est passée à la place. L'objet selection apparaît donc comme une chaîne, alors qu'il s'agit en réalité d'un objet possédant ses propres propriétés et méthodes. En pratique, c'est donc la valeur renvoyée par la méthode <code><a href="fr/DOM/Selection/toString">toString</a></code> de l'objet Selection qui est passée. Dans l'exemple ci-dessus, <code>selObj</code> est automatiquement « convertie » lorsqu'elle est passée à <a href="fr/DOM/window.alert">window.alert</a>. Cependant, pour utiliser une propriété ou méthode JavaScript de <a href="fr/JS/String">String</a> comme <code><a href="fr/JS/String.prototype.length">length</a></code> ou <code><a href="fr/JS/String.prototype.substr">substr</a></code>, il est nécessaire d'appeler manuellement la méthode <code>toString</code>. <span class="comment">I'm treading carefully with the word "convert" here because it could be misinterpreted as a permanent convert - Maian</span></p> +<p>En <a href="fr/JavaScript">JavaScript</a>, lorsqu'un objet de type Selection est passé à une fonction, c'est une représentation sous forme de chaîne (string), c'est-à-dire le texte sélectionné, qui lui est passée à la place. L'objet selection apparaît donc comme une chaîne, alors qu'il s'agit en réalité d'un objet possédant ses propres propriétés et méthodes. En pratique, c'est donc la valeur renvoyée par la méthode <code><a href="fr/DOM/Selection/toString">toString</a></code> de l'objet Selection qui est passée. Dans l'exemple ci-dessus, <code>selObj</code> est automatiquement « convertie » lorsqu'elle est passée à <a href="fr/DOM/window.alert">window.alert</a>. Cependant, pour utiliser une propriété ou méthode JavaScript de <a href="fr/JS/String">String</a> comme <code><a href="fr/JS/String.prototype.length">length</a></code> ou <code><a href="fr/JS/String.prototype.substr">substr</a></code>, il est nécessaire d'appeler manuellement la méthode <code>toString</code>. I'm treading carefully with the word "convert" here because it could be misinterpreted as a permanent convert - Maian</p> -<h2 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h2> +<h2 id="Sp.C3.A9cification">Spécification</h2> <p>DOM Level 0. Ne fait partie d'aucune spécification.</p> -<h2 id="Voir_aussi" name="Voir_aussi">Voir aussi</h2> +<h2 id="Voir_aussi">Voir aussi</h2> <ul> <li><a href="../Selection_API">Selection API</a></li> - <li><a href="../Selection" title="Un objet Sélection représente la plage de texte sélectionnée par l'utilisateur ou la position actuelle du signe d'insertion. Pour obtenir un objet Sélection pour examen ou modification, appelez Window.getSelection()"><code>Selection</code></a></li> - <li><a href="../Range" title="L'interface Range représente un fragment d'un document qui peut contenir des nœuds et des parties de nœuds texte."><code>Range</code></a></li> - <li><a href="../Document/getSelection" title="La propriété getSelection() de l'interface DocumentOrShadowRoot renvoie un objet Selection, représentant l'étendue du texte sélectionné par l'utilisateur, ou la position actuelle du curseur."><code>Document.getSelection()</code></a></li> - <li><a href="../HTMLInputElement/setSelectionRange" title="La méthode HTMLInputElementElement.setSelectionRange() définit les positions de début et de fin de la sélection de texte courante dans un élément <input&gt ;."><code>HTMLInputElement.setSelectionRange()</code></a></li> + <li><a href="../Selection"><code>Selection</code></a></li> + <li><a href="../Range"><code>Range</code></a></li> + <li><a href="../Document/getSelection"><code>Document.getSelection()</code></a></li> + <li><a href="../HTMLInputElement/setSelectionRange"><code>HTMLInputElement.setSelectionRange()</code></a></li> </ul> diff --git a/files/fr/web/api/window/history/index.html b/files/fr/web/api/window/history/index.html index 65ab9cfe4e..04b1a2052f 100644 --- a/files/fr/web/api/window/history/index.html +++ b/files/fr/web/api/window/history/index.html @@ -5,26 +5,26 @@ translation_of: Web/API/Window/history --- <div>{{APIRef}}</div> -<p>La propriété en lecture seule <strong style="font-family: 'Courier New','Andale Mono',monospace; line-height: inherit;">Window.history</strong> renvoie une référence à l'objet <span style="line-height: inherit;">{{domxref("History")}}, qui offre la possibilité de manipuler l'historique de session du navigateur (pages visitées dans l'onglet ou le cadre dans lesquels la page courante est chargée).</span></p> +<p>La propriété en lecture seule <strong>Window.history</strong> renvoie une référence à l'objet {{domxref("History")}}, qui offre la possibilité de manipuler l'historique de session du navigateur (pages visitées dans l'onglet ou le cadre dans lesquels la page courante est chargée).</p> -<p>L'objet <code style="font-size: 14px; line-height: inherit;">History</code><span style="line-height: inherit;"> obtenu a les méthodes suivantes : voir </span><a href="/en/DOM/Manipulating_the_browser_history" style="line-height: inherit;" title="en/DOM/Manipulating the browser history">la manipulation de l'historique du navigateur</a><span style="line-height: inherit;"> pour avoir plus de détails ainsi que des exemples.<br> - En particulier, cet article explique les caractéristiques des méthodes </span><code style="font-size: 14px; line-height: inherit;">pushState()</code><span style="line-height: inherit;"> et </span><code style="font-size: 14px; line-height: inherit;">replaceState()</code><span style="line-height: inherit;">qu'il est utile de connaître avant de les utiliser.</span></p> +<p>L'objet <code>History</code> obtenu a les méthodes suivantes : voir <a href="/en/DOM/Manipulating_the_browser_history">la manipulation de l'historique du navigateur</a> pour avoir plus de détails ainsi que des exemples.<br> + En particulier, cet article explique les caractéristiques des méthodes <code>pushState()</code> et <code>replaceState()</code>qu'il est utile de connaître avant de les utiliser.</p> -<h2 id="Example" name="Example">Exemple</h2> +<h2 id="Example">Exemple</h2> <pre class="brush: js">history.back(); // similaire au bouton de retour history.go(-1); // similaire à history.back(); </pre> -<h2 id="Notes" name="Notes">Notes</h2> +<h2 id="Notes">Notes</h2> -<p>Pour les pages de niveau supérieur, vous pourrez voir la liste des pages dans l'historique des sessions, accessibles grâce à l'objet <code style="font-size: 14px; line-height: inherit;">History</code><span style="line-height: inherit;">, situé dans le menu déroulant près des boutons précédent et suivant.</span></p> +<p>Pour les pages de niveau supérieur, vous pourrez voir la liste des pages dans l'historique des sessions, accessibles grâce à l'objet <code>History</code>, situé dans le menu déroulant près des boutons précédent et suivant.</p> -<p><span style="line-height: inherit;">Pour des raisons de sécurité, l'objet </span><code style="font-size: 14px; line-height: inherit;">History</code><span style="line-height: inherit;"> n'autorise pas l'accès au URL d'autres pages présentes dans l'historique de la session mais autorise d'y naviguer.</span></p> +<p>Pour des raisons de sécurité, l'objet <code>History</code> n'autorise pas l'accès au URL d'autres pages présentes dans l'historique de la session mais autorise d'y naviguer.</p> -<p>Il n'y a pas de possibilité de nettoyer l'historique de la session ou de désactiver les boutons précédent et suivant. La solution éventuelle la plus proche serait la méthode <a href="/en/DOM/window.location#replace" style="line-height: inherit; font-family: 'Courier New', 'Andale Mono', monospace;" title="en/DOM/window.location#replace">location.replace()</a>, permettant de remplacer l'élément actuel de l'historique de la session par l'URL fournie.</p> +<p>Il n'y a pas de possibilité de nettoyer l'historique de la session ou de désactiver les boutons précédent et suivant. La solution éventuelle la plus proche serait la méthode <a href="/en/DOM/window.location#replace">location.replace()</a>, permettant de remplacer l'élément actuel de l'historique de la session par l'URL fournie.</p> -<h2 id="Specification" name="Specification">Spécification</h2> +<h2 id="Specification">Spécification</h2> <table class="standard-table"> <tbody> diff --git a/files/fr/web/api/window/home/index.html b/files/fr/web/api/window/home/index.html index 1d9985483e..856f95067c 100644 --- a/files/fr/web/api/window/home/index.html +++ b/files/fr/web/api/window/home/index.html @@ -17,12 +17,12 @@ translation_of: Web/API/Window/home <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate"><em>window</em>.home(); +<pre class="syntaxbox"><em>window</em>.home(); </pre> <h2 id="Exemple">Exemple</h2> -<pre class="brush: js notranslate">function goHome() { +<pre class="brush: js">function goHome() { window.home(); } </pre> diff --git a/files/fr/web/api/window/index.html b/files/fr/web/api/window/index.html index d36732a346..285b6d9f32 100644 --- a/files/fr/web/api/window/index.html +++ b/files/fr/web/api/window/index.html @@ -12,9 +12,9 @@ translation_of: Web/API/Window --- <p>{{APIRef}}</p> -<p><span class="seoSummary">L'objet <code>window</code> représente une fenêtre contenant un document DOM ; la propriété <code>document</code> pointe vers le <a href="/fr-FR/docs/DOM/document">document DOM</a> chargé dans cette fenêtre.</span> Une fenêtre pour un document donné peut être obtenue en utilisant la propriété {{Domxref("document.defaultView")}}.</p> +<p>L'objet <code>window</code> représente une fenêtre contenant un document DOM ; la propriété <code>document</code> pointe vers le <a href="/fr-FR/docs/DOM/document">document DOM</a> chargé dans cette fenêtre. Une fenêtre pour un document donné peut être obtenue en utilisant la propriété {{Domxref("document.defaultView")}}.</p> -<p>Cette section fournit une brève référence pour toutes les méthodes, propriétés et événements disponibles via l'objet DOM <code>window</code>. L'objet <code>window</code> implémente l'interface <code>Window</code>, qui à son tour hérite de l'interface <code><a href="http://www.w3.org/TR/DOM-Level-2-Views/views.html#Views-AbstractView">AbstractView</a></code>. Certaines fonctions globales supplémentaires, espaces de noms, objets, interfaces et constructeurs, non typiquement associés à la fenêtre, mais disponibles sur celle-ci, sont répertoriés dans la <a href="/fr-FR/docs/JavaScript/Reference">Référence JavaScript</a> et la <a href="/fr-FR/docs/Web/API/Document_Object_Model" title="/fr-FR/docs/Web/API/Document_Object_Model">Référence DOM</a>.</p> +<p>Cette section fournit une brève référence pour toutes les méthodes, propriétés et événements disponibles via l'objet DOM <code>window</code>. L'objet <code>window</code> implémente l'interface <code>Window</code>, qui à son tour hérite de l'interface <code><a href="http://www.w3.org/TR/DOM-Level-2-Views/views.html#Views-AbstractView">AbstractView</a></code>. Certaines fonctions globales supplémentaires, espaces de noms, objets, interfaces et constructeurs, non typiquement associés à la fenêtre, mais disponibles sur celle-ci, sont répertoriés dans la <a href="/fr-FR/docs/JavaScript/Reference">Référence JavaScript</a> et la <a href="/fr-FR/docs/Web/API/Document_Object_Model">Référence DOM</a>.</p> <p>Dans un navigateur utilisant des onglets, comme Firefox, chaque onglet contient son propre objet <code>window</code> (et si vous écrivez une extension, la fenêtre du navigateur elle-même est un objet <code>window</code> séparé — consultez <a href="/fr/docs/Mozilla/Working_with_windows_in_chrome_code#Fen.C3.AAtres_de_contenu">Travailler avec des fenêtres dans du code chrome</a> pour plus d'informations). C'est-à-dire que l'objet <code>window</code> n'est pas partagé entre les onglets dans la même fenêtre. Certaines méthodes, notamment {{ Domxref("window.resizeTo") }} et {{ Domxref("window.resizeBy") }}, s'appliquent à la fenêtre entière et non à l'onglet spécifique auquel l'objet <code>window</code> appartient. En général, ce qui ne peut raisonnablement pas concerner un onglet se rapporte à la fenêtre à la place.</p> @@ -36,7 +36,7 @@ translation_of: Web/API/Window <dt>{{domxref("Window.controllers")}}{{non-standard_inline}}{{ReadOnlyInline}}</dt> <dd>Renvoie les objets du contrôleur XUL pour la fenêtre chrome en cours.</dd> <dt>{{domxref("Window.customElements")}}{{ReadOnlyInline}}</dt> - <dd>renvoie une référence à l'objet {{domxref("CustomElementRegistry")}}, qui peut être utilisée pour enregistrer de nouveaux <a href="https://developer.mozilla.org/fr-FR/docs/Web/Web_Components/Using_custom_elements">éléments personnalisés</a> et obtenir des informations à propos d'éléments personnalisés précédemment enregistrés.</dd> + <dd>renvoie une référence à l'objet {{domxref("CustomElementRegistry")}}, qui peut être utilisée pour enregistrer de nouveaux <a href="/fr-FR/docs/Web/Web_Components/Using_custom_elements">éléments personnalisés</a> et obtenir des informations à propos d'éléments personnalisés précédemment enregistrés.</dd> <dt>{{domxref("Window.crypto")}} {{readOnlyInline}}</dt> <dd>Retourne l'objet crypto du navigateur.</dd> <dt>{{domxref("Window.defaultStatus")}} {{Obsolete_inline("gecko23")}}</dt> @@ -183,102 +183,55 @@ translation_of: Web/API/Window <dd>Renvoie l'origine de l'objet global, sérialisé comme une chaîne. (Cela ne semble pas encore être implémenté dans aucun navigateur.)</dd> </dl> -<h2 id="M.C3.A9thodes" name="M.C3.A9thodes">Méthodes</h2> +<h2 id="M.C3.A9thodes">Méthodes</h2> <p><em>Cette interface hérite des méthodes de l'interface {{domxref("EventTarget")}} et implémente les méthodes de {{domxref("WindowOrWorkerGlobalScope")}} et {{domxref("EventTarget")}}.</em></p> <dl> <dt>{{domxref("Window.alert()")}}</dt> <dd>Affiche une boîte de message d'alerte.</dd> -</dl> - -<p><span class="comment">base64 func <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=287112" rel="freelink">https://bugzilla.mozilla.org/show_bug.cgi?id=287112</a> (see last comments) <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=123003" rel="freelink">https://bugzilla.mozilla.org/show_bug.cgi?id=123003</a> <a class="external" href="http://lxr.mozilla.org/seamonkey/source/dom/src/base/nsGlobalWindow.cpp#4946" rel="freelink">http://lxr.mozilla.org/seamonkey/sou...indow.cpp#4946</a></span></p> - -<dl> <dt>{{domxref("Window.back()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt> <dd>Recule d'une page dans l'historique de la fenêtre.</dd> -</dl> - -<dl> <dt>{{domxref("Window.blur()")}}</dt> <dd>Déplace la focalisation hors de la fenêtre.</dd> -</dl> - -<dl> <dt>{{domxref("Window.cancelAnimationFrame()")}} {{experimental_inline}}</dt> <dd>Vous permet d'annuler un rappel précédemment planifié avec {{domxref("Window.requestAnimationFrame")}}.</dd> <dt>{{domxref("Window.cancelIdleCallback()")}} {{experimental_inline}}</dt> <dd>Vous permet d'annuler un rappel précédemment planifié avec {{domxref("Window.requestIdleCallback")}}.</dd> <dt>{{domxref("Window.captureEvents()")}} {{Deprecated_inline}}</dt> <dd>Enregistre la fenêtre pour qu'elle capture tous les évènements du type spécifié.</dd> -</dl> - -<dl> <dt>{{domxref("Window.clearImmediate()")}}</dt> <dd>Annule l'exécution répétée définie en utilisant <code>setImmediate</code>.</dd> <dt>{{domxref("Window.close()")}}</dt> <dd>Ferme la fenêtre en cours.</dd> -</dl> - -<dl> <dt>{{domxref("Window.confirm()")}}</dt> <dd>Affiche une boîte de dialogue avec un message auquel l'utilisateur doit répondre.</dd> -</dl> - -<dl> <dt>{{domxref("Window.disableExternalCapture()")}} {{obsolete_inline(24)}}</dt> <dd>{{todo("NeedsContents")}}</dd> <dt>{{domxref("Window.dispatchEvent()")}}</dt> <dd>Utilisé pour déclencher un évènement.</dd> <dt>{{domxref("Window.dump()")}} {{Non-standard_inline}}</dt> <dd>Écrit un message à la console.</dd> -</dl> - -<dl> <dt>{{domxref("Window.enableExternalCapture()")}} {{obsolete_inline(24)}}</dt> <dd>{{todo("NeedsContents")}}</dd> -</dl> - -<dl> <dt>{{domxref("Window.find()")}}</dt> <dd>Recherche la chaîne de caractères donnée dans une fenêtre.</dd> -</dl> - -<dl> <dt>{{domxref("Window.focus()")}}</dt> <dd>Donne la focalisation à la fenêtre en cours.</dd> -</dl> - -<dl> <dt>{{domxref("Window.forward()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt> <dd>Avance la fenêtre d'un document dans l'historique.</dd> -</dl> - -<dl> <dt>{{domxref("Window.getAttention()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt> <dd>Fait flasher l'icône de l'application.</dd> -</dl> - -<dl> <dt>{{domxref("Window.getAttentionWithCycleCount()")}}</dt> <dd>{{todo("NeedsContents")}}</dd> <dt>{{domxref("Window.getComputedStyle()")}}</dt> <dd>Récupère un style calculé pour l'élément donné. Un style calculé indique les valeurs de toutes les propriétés CSS de l'élément.</dd> -</dl> - -<dl> <dt>{{domxref("Window.getDefaultComputedStyle()")}} {{Non-standard_inline}}</dt> <dd>Récupère le style calculé par défaut pour l'élément indiqué, en ignorant les feuilles de style d'auteur.</dd> <dt>{{domxref("Window.getSelection()")}}</dt> <dd>Renvoie l'objet de sélection représentant les éléments sélectionnés.</dd> -</dl> - -<dl> <dt>{{domxref("Window.home()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt> <dd>Renvoie le navigateur à la page d'accueil.</dd> -</dl> - -<dl> <dt>{{domxref("Window.matchMedia()")}} {{gecko_minversion_inline("6.0")}}</dt> <dd>Renvoie un objet {{domxref("MediaQueryList")}} représentant la chaîne d'interrogation de média spécifiée.</dd> <dt>{{domxref("Window.maximize()")}}</dt> @@ -287,90 +240,42 @@ translation_of: Web/API/Window <dd>Minimize la fenêtre.</dd> <dt>{{domxref("Window.moveBy()")}}</dt> <dd>Déplace la fenêtre en cours de la quantité indiquée.</dd> -</dl> - -<dl> <dt>{{domxref("Window.moveTo()")}}</dt> <dd>Déplace la fenêtre vers les coordonnées spécifiées.</dd> -</dl> - -<dl> <dt>{{domxref("Window.open()")}}</dt> <dd>Ouvre une nouvelle fenêtre.</dd> -</dl> - -<dl> <dt>{{domxref("Window.openDialog()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt> <dd>Ouvre une nouvelle fenêtre de dialogue.</dd> -</dl> - -<dl> <dt>{{domxref("Window.postMessage()")}}</dt> <dd>Fournit un moyen sécurisé pour une fenêtre d'envoyer une chaîne de données à une autre fenêtre, qui n'a pas besoin d'être dans le même domaine que la première.</dd> -</dl> - -<dl> <dt>{{domxref("Window.prompt()")}}</dt> <dd>Ouvre la boîte de dialogue d'impression du document en cours.</dd> -</dl> - -<dl> <dt>{{domxref("Window.prompt()")}}</dt> <dd>Renvoie le texte saisi par l'utilisateur dans une boîte de dialogue à invite.</dd> -</dl> - -<dl> <dt>{{domxref("Window.releaseEvents()")}} {{Non-standard_inline}} {{Deprecated_inline}}</dt> <dd>Annule la capture des évènements d'un certain type par la fenêtre.</dd> -</dl> - -<dl> <dt>{{domxref("Window.requestAnimationFrame()")}} {{gecko_minversion_inline("2.0")}}</dt> <dd>Indique au navigateur qu'une animation est en cours, en demandant au navigateur de planifier une redessinage de la fenêtre lors de l'image d'animation suivante.</dd> <dt>{{domxref("Window.requestIdleCallback()")}} {{experimental_inline}}</dt> <dd>Active la planification de tâches pendant les périodes d'inactivité du navigateur.</dd> -</dl> - -<dl> <dt>{{domxref("Window.resizeBy()")}}</dt> <dd>Redimensionne la fenêtre en cours d'une certaine quantité.</dd> -</dl> - -<dl> <dt>{{domxref("Window.resizeTo()")}}</dt> <dd>Redimensionne dynamiquement la fenêtre.</dd> -</dl> - -<dl> <dt>{{domxref("Window.restore()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt> <dd>{{todo("NeedsContents")}}</dd> <dt>{{domxref("Window.routeEvent()")}} {{obsolete_inline(24)}}</dt> <dd>{{todo("NeedsContents")}}</dd> <dt>{{domxref("Window.scroll()")}}</dt> <dd>Fait défiler la fenêtre à un endroit particulier dans le document.</dd> -</dl> - -<dl> <dt>{{domxref("Window.scrollBy()")}}</dt> <dd>Fait défiler le document dans la fenêtre de la quantité indiquée.</dd> -</dl> - -<dl> <dt>{{domxref("Window.scrollByLines()")}} {{Non-standard_inline}}</dt> <dd>Fait défiler le document du nombre de lignes indiqué.</dd> -</dl> - -<dl> <dt>{{domxref("Window.scrollByPages()")}} {{Non-standard_inline}}</dt> <dd>Fait défiler le document en cours du nombre de pages indiqué.</dd> -</dl> - -<dl> <dt>{{domxref("Window.scrollTo()")}}</dt> <dd>Fait défiler à un jeu de coordonnées particulier dans le document.</dd> -</dl> - -<dl> <dt>{{domxref("Window.setCursor()")}} {{Non-standard_inline}} (top-level XUL windows only)</dt> <dd>Change le curseur pour la fenêtre en cours.</dd> <dt>{{domxref("Window.setImmediate()")}}</dt> @@ -379,19 +284,15 @@ translation_of: Web/API/Window <dd>Inverse la possibilité pour un utilisateur de redimensionner une fenêtre.</dd> <dt>{{domxref("Window.sizeToContent()")}} {{Non-standard_inline}}</dt> <dd>Dimensionne la fenêtre en fonction de son contenu.</dd> -</dl> - -<dl> <dt>{{domxref("Window.stop()")}}</dt> <dd>Cette méthode arrête le chargement de la fenêtre.</dd> + <dt>{{domxref("Window.updateCommands()")}} {{Non-standard_inline}}</dt> + <dd>Met à jour l'état des commandes de la fenêtre chrome en cours (IU).</dd> </dl> +<h3 id="Méthodes_implémentées_depuis_ailleurs">Méthodes implémentées depuis ailleurs</h3> + <dl> - <dt>{{domxref("Window.updateCommands()")}} {{Non-standard_inline}}</dt> - <dd>Met à jour l'état des commandes de la fenêtre chrome en cours (IU).</dd> - <dt> - <h3 id="Méthodes_implémentées_depuis_ailleurs">Méthodes implémentées depuis ailleurs</h3> - </dt> <dt>{{domxref("EventTarget.addEventListener()")}}</dt> <dd>Enregistre un gestionnaire d'événement pour un type d'événement spécifique dans la fenêtre.</dd> <dt>{{domxref("WindowOrWorkerGlobalScope.atob()")}}</dt> @@ -412,14 +313,16 @@ translation_of: Web/API/Window <dd>Planifie une fonction à exécuter à chaque fois qu'un nombre donné de millisecondes s'est écoulé.</dd> <dt>{{domxref("WindowOrWorkerGlobalScope.setTimeout()")}}</dt> <dd>Planifie une fonction à exécuter dans un laps de temps donné.</dd> - <dt> - <h3 id="Méthodes_obsolètes">Méthodes obsolètes</h3> - </dt> +</dl> + +<h3 id="Méthodes_obsolètes">Méthodes obsolètes</h3> + +<dl> <dt>{{domxref("Window.showModalDialog()")}} {{obsolete_inline}}</dt> <dd>Affiche un dialogue modal. <strong>Cette méthode a été complètement supprimée dans Chrome 43, et dans Firefox 55</strong>.</dd> </dl> -<h2 id=".C3.89v.C3.A8nements" name=".C3.89v.C3.A8nements">Gestionnaires d'évènements</h2> +<h2 id=".C3.89v.C3.A8nements">Gestionnaires d'évènements</h2> <p>Ce sont des propriétés de l'objet window qui peuvent être définies pour établir des gestionnaires d'événements pour les différentes choses qui peuvent se produire dans la fenêtre et qui pourraient être intéressantes.</p> @@ -631,7 +534,7 @@ translation_of: Web/API/Window <h2 id="Constructeurs">Constructeurs</h2> -<p>Voir aussi les <a href="/fr-FR/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">Interfaces DOM</a>.</p> +<p>Voir aussi les <a href="/fr-FR/docs/DOM/DOM_Reference">Interfaces DOM</a>.</p> <dl> <dt>{{domxref("DOMParser")}}</dt> @@ -647,7 +550,7 @@ translation_of: Web/API/Window <dt>{{domxref("Window.XMLSerializer")}}</dt> <dd>{{todo("NeedsContents")}}</dd> <dt>{{domxref("Worker")}}</dt> - <dd>Used for creating a <a href="https://developer.mozilla.org/en-US/docs/DOM/Using_web_workers">Web worker</a></dd> + <dd>Used for creating a <a href="/en-US/docs/DOM/Using_web_workers">Web worker</a></dd> <dt>{{domxref("Window.XPCNativeWrapper")}}</dt> <dd>{{todo("NeedsContents")}}</dd> <dt>{{domxref("Window.XPCSafeJSObjectWrapper")}}</dt> diff --git a/files/fr/web/api/window/innerheight/index.html b/files/fr/web/api/window/innerheight/index.html index adbf3d97bf..19e63c1f54 100644 --- a/files/fr/web/api/window/innerheight/index.html +++ b/files/fr/web/api/window/innerheight/index.html @@ -12,32 +12,31 @@ translation_of: Web/API/Window/innerHeight --- <p>{{ ApiRef() }}</p> -<p id="R.C3.A9sum.C3.A9">Récupère la hauteur (en pixels) de la partie visible de la fenêtre de navigation en incluant, si elle est affichée, la barre de défilement horizontale.</p> +<p>Récupère la hauteur (en pixels) de la partie visible de la fenêtre de navigation en incluant, si elle est affichée, la barre de défilement horizontale.</p> <div class="note"> <p><strong>Note :</strong> La valeur retournée par cette propriété correspond le cas échéant à la hauteur de la fenêtre définie par {{ifmethod("nsIDOMWindowUtils", "setCSSViewport")}}, dans le cas où vous utilisez cette méthode pour définir les dimensions de la fenêtre virtuelle dans le but d'agencer la page.</p> </div> -<h2 id="Syntaxe" name="Syntaxe">Syntaxe</h2> +<h2 id="Syntaxe">Syntaxe</h2> <pre>var hauteur = window.innerHeight; </pre> -<h3 id="Valeur_renvoy.C3.A9e" name="Valeur_renvoy.C3.A9e">Valeur</h3> +<h3 id="Valeur_renvoy.C3.A9e">Valeur</h3> -<p class="syntaxbox">Renvoie la hauteur de la partie visible de la fenêtre de navigation.<br> - La propriété <code>window.innerHeight</code> est accessible en lecture seulement ; elle n'a pas de valeur par défaut.</p> +<p>Renvoie la hauteur de la partie visible de la fenêtre de navigation. La propriété <code>window.innerHeight</code> est accessible en lecture seulement ; elle n'a pas de valeur par défaut.</p> -<h2 class="syntaxbox" id="Notes">Notes</h2> +<h2 id="Notes">Notes</h2> <ul> <li>La propriété <code>window.innerHeight</code> est supportée par tout objet assimilé à une fenêtre <em>{{domxref("window")}}</em>, un cadre <em>frame </em>, un ensemble de cadres <em>frameset</em>, ou une fenêtre secondaire.</li> <li>Il existe un <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=189112#c7">algorithme</a> pour calculer la hauteur de la partie visible de la fenêtre en excluant la barre de défilement horizontale si est elle affichée.</li> </ul> -<h2 id="Attention" name="Attention">Exemples</h2> +<h2 id="Attention">Exemples</h2> -<h3 id="Code" name="Code">Sur un <em>frameset</em></h3> +<h3 id="Code">Sur un <em>frameset</em></h3> <pre class="brush:js">var intFrameHeight = window.innerHeight; // ou @@ -60,8 +59,9 @@ var intOuterFramesetHeight = top.innerHeight; <h3 id="Exemple_graphique">Exemple graphique</h3> -<p>L'illustration suivante montre la différence entre <code>outerHeight</code> et <code>innerHeight</code>.<br> - <img alt="outerHeight vs innerHeight" src="/@api/deki/files/213/=FirefoxInnerVsOuterHeight2.png" style="height: 445px; width: 738px;"></p> +<p>L'illustration suivante montre la différence entre <code>outerHeight</code> et <code>innerHeight</code>.</p> + +<p><img alt="Illustration de la différence entre innerHeight et outerHeight" src="firefoxinnervsouterheight2.png"></p> <h2 id="Spécification">Spécification</h2> diff --git a/files/fr/web/api/window/innerwidth/index.html b/files/fr/web/api/window/innerwidth/index.html index f317384ca2..a76af5343a 100644 --- a/files/fr/web/api/window/innerwidth/index.html +++ b/files/fr/web/api/window/innerwidth/index.html @@ -5,19 +5,19 @@ translation_of: Web/API/Window/innerWidth --- <p>{{ ApiRef() }}</p> -<h2 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h2> +<h2 id="R.C3.A9sum.C3.A9">Résumé</h2> <p>Récupère la largeur du contenu visible de la fenêtre de navigation en incluant, s'il est visible, l'ascenseur vertical.<br> Permet également de fixer une largeur pour le domaine d'affichage de la fenêtre.</p> -<h2 id="Syntaxe" name="Syntaxe">Syntaxe</h2> +<h2 id="Syntaxe">Syntaxe</h2> <pre>var largeur = window.innerWidth; </pre> <p>Voir aussi : <a href="/fr/docs/Web/API/Window/innerHeight">window.innerHeight</a>, <a href="/fr/docs/Web/API/Window/outerHeight">window.outerHeight</a> and <a href="/fr/docs/Web/API/Window/outerWidth">window.outerWidth</a>.</p> -<h2 id="Valeur_renvoy.C3.A9e" name="Valeur_renvoy.C3.A9e">Valeur renvoyée</h2> +<h2 id="Valeur_renvoy.C3.A9e">Valeur renvoyée</h2> <dl> <dt><code>innerWidth </code></dt> diff --git a/files/fr/web/api/window/issecurecontext/index.html b/files/fr/web/api/window/issecurecontext/index.html index 8009462d92..dd6a2dbbc3 100644 --- a/files/fr/web/api/window/issecurecontext/index.html +++ b/files/fr/web/api/window/issecurecontext/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/Window/isSecureContext <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate">var <em>isSecure</em> = window.isSecureContext</pre> +<pre class="syntaxbox">var <em>isSecure</em> = window.isSecureContext</pre> <h2 id="Exemples">Exemples</h2> @@ -23,7 +23,7 @@ translation_of: Web/API/Window/isSecureContext <p>Vous pouvez utiliser la détection des fonctionnalités pour vérifier si elles sont dans un contexte sécurisé ou non à l'aide du booléen <code>isSecureContext</code> qui est exposé sur la portée globale.</p> -<pre class="brush: js notranslate">if (window.isSecureContext) { +<pre class="brush: js">if (window.isSecureContext) { // La page est un contexte sécurisé afin que les techniciens de service soient désormais disponibles navigator.serviceWorker.register("/offline-worker.js").then(function () { ... diff --git a/files/fr/web/api/window/languagechange_event/index.html b/files/fr/web/api/window/languagechange_event/index.html index eadf83df3c..a55d83a36d 100644 --- a/files/fr/web/api/window/languagechange_event/index.html +++ b/files/fr/web/api/window/languagechange_event/index.html @@ -38,13 +38,13 @@ translation_of: Web/API/Window/languagechange_event <p>Vous pouvez utiliser l'événement <code>languagechange</code> dans une méthode {{domxref("EventTarget/addEventListener", "addEventListener")}} :</p> -<pre class="brush: js notranslate">window.addEventListener('languagechange', function() { +<pre class="brush: js">window.addEventListener('languagechange', function() { console.log('languagechange event detected!'); });</pre> <p>Ou utilisez la propriété du gestionnaire d'événements <code><a href="/en-US/docs/Web/API/WindowEventHandlers/onlanguagechange">onlanguagechange</a></code> :</p> -<pre class="brush: js notranslate">window.onlanguagechange = function(event) { +<pre class="brush: js">window.onlanguagechange = function(event) { console.log('languagechange event detected!'); };</pre> diff --git a/files/fr/web/api/window/length/index.html b/files/fr/web/api/window/length/index.html index 2980798007..af1ee54111 100644 --- a/files/fr/web/api/window/length/index.html +++ b/files/fr/web/api/window/length/index.html @@ -5,11 +5,9 @@ translation_of: Web/API/Window/length --- <div>{{ ApiRef() }}</div> -<h2 id="Summary" name="Summary">Résumé</h2> - <p>Retourne le nombre de frames (soit des éléments de frame ou iframe) présent sur la page.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="syntaxbox"><em>nombreDeFrames</em>= window.length; </pre> @@ -18,12 +16,12 @@ translation_of: Web/API/Window/length <li><em>nombreDeFrames est égal au nombre de frames présent sur la page.</em></li> </ul> -<h2 id="Example" name="Example">Exemple</h2> +<h2 id="Example">Exemple</h2> <pre class="brush:js">if (window.length) { // La page contient des frames }</pre> -<h2 id="Specification" name="Specification">Specification</h2> +<h2 id="Specification">Specification</h2> <p>{{DOM0}}</p> diff --git a/files/fr/web/api/window/load_event/index.html b/files/fr/web/api/window/load_event/index.html index ee798a29e4..d418a89a96 100644 --- a/files/fr/web/api/window/load_event/index.html +++ b/files/fr/web/api/window/load_event/index.html @@ -13,7 +13,7 @@ original_slug: Web/Events/load <dl> <dt>Spécification</dt> - <dd><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-load">DOM L3</a></dd> + <dd><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-load">DOM L3</a></dd> <dt>Interface</dt> <dd>UIEvent</dd> <dt>Bouillonne</dt> diff --git a/files/fr/web/api/window/localstorage/index.html b/files/fr/web/api/window/localstorage/index.html index 71c5f6fbec..3385e051fb 100644 --- a/files/fr/web/api/window/localstorage/index.html +++ b/files/fr/web/api/window/localstorage/index.html @@ -19,7 +19,7 @@ translation_of: Web/API/Window/localStorage <p>Il convient de noter que les données stockées dans <code>localStorage</code> ou <code>sessionStorage</code> <strong>sont spécifiques au protocole de la page.</strong></p> -<p>Les clés et les valeurs <strong>sont toujours</strong> <u>des chaînes de caractères</u> (à noter que, comme pour les objets, les clés entières seront automatiquement converties en chaînes de caractères).</p> +<p>Les clés et les valeurs <strong>sont toujours</strong> des chaînes de caractères (à noter que, comme pour les objets, les clés entières seront automatiquement converties en chaînes de caractères).</p> <h2 id="Syntaxe">Syntaxe</h2> @@ -57,7 +57,7 @@ localStorage.clear(); </pre> <div class="note"> -<p><strong>Note</strong>: Se référer à l'article <a href="/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Using the Web Storage API</a> pour voir un exemple complet.</p> +<p><strong>Note :</strong> Se référer à l'article <a href="/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Using the Web Storage API</a> pour voir un exemple complet.</p> </div> <h2 id="Spécifications">Spécifications</h2> diff --git a/files/fr/web/api/window/locationbar/index.html b/files/fr/web/api/window/locationbar/index.html index 9ba0cefa63..294652fb88 100644 --- a/files/fr/web/api/window/locationbar/index.html +++ b/files/fr/web/api/window/locationbar/index.html @@ -15,14 +15,14 @@ translation_of: Web/API/Window/locationbar <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate"><var>objRef</var> = window.locationbar +<pre class="syntaxbox"><var>objRef</var> = window.locationbar </pre> <h2 id="Exemple">Exemple</h2> <p>L'exemple HTML complet suivant montre comment la propriété <code>visible</code> de l'objet <code>locationbar</code> est utilisée.</p> -<pre class="brush:html notranslate"><!DOCTYPE html> +<pre class="brush:html"><!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8" /> diff --git a/files/fr/web/api/window/matchmedia/index.html b/files/fr/web/api/window/matchmedia/index.html index ecc1644b62..77fea4b292 100644 --- a/files/fr/web/api/window/matchmedia/index.html +++ b/files/fr/web/api/window/matchmedia/index.html @@ -3,21 +3,20 @@ title: window.matchMedia slug: Web/API/Window/matchMedia translation_of: Web/API/Window/matchMedia --- -<div> - {{ApiRef}}</div> -<h2 id="Summary" name="Summary">Résumé</h2> -<p>Retourne un nouvel objet {{domxref("MediaQueryList")}} contenant les résultats de la chaîne de caractères <a href="/en-US/docs/CSS/Media_queries" title="CSS/Media queries">media query</a> spécifiée.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<div>{{ApiRef}}</div> + +<p>Retourne un nouvel objet {{domxref("MediaQueryList")}} contenant les résultats de la chaîne de caractères <a href="/en-US/docs/CSS/Media_queries">media query</a> spécifiée.</p> +<h2 id="Syntax">Syntaxe</h2> <pre class="syntaxbox"><em>mql</em> = window.matchMedia(<em>mediaQueryString</em>)</pre> <p>Ici, <code>mediaQueryString</code> est une chaîne de caractère représentant la media query pour laquelle on retourne un nouvel objet {{domxref("MediaQueryList")}}.</p> -<h2 id="Example" name="Example">Exemple</h2> +<h2 id="Example">Exemple</h2> <pre class="brush: js">if (window.matchMedia("(min-width: 400px)").matches) { /* the view port is at least 400 pixels wide */ } else { /* the view port is less than 400 pixels wide */ }</pre> <p>Ce code permet de gérer la mise en page d'une manière différente quand l'écran est moins large.</p> -<p>Voir <a href="/en-US/docs/DOM/Using_media_queries_from_code" title="/en-US/docs/DOM/Using_media_queries_from_code">Utiliser les media queries avec du code</a> pour plus d'exemples.</p> +<p>Voir <a href="/en-US/docs/DOM/Using_media_queries_from_code">Utiliser les media queries avec du code</a> pour plus d'exemples.</p> <h2 id="Specifications">Spécifications</h2> @@ -45,8 +44,8 @@ translation_of: Web/API/Window/matchMedia <h2 id="See_also">Voir aussi</h2> <ul> - <li><a href="/en-US/docs/CSS/Media_queries" title="CSS/Media queries">Media queries</a></li> - <li><a href="/en-US/docs/DOM/Using_media_queries_from_code" title="CSS/Using media queries from code">Using media queries from code</a></li> + <li><a href="/en-US/docs/CSS/Media_queries">Media queries</a></li> + <li><a href="/en-US/docs/DOM/Using_media_queries_from_code">Using media queries from code</a></li> <li>{{domxref("MediaQueryList")}}</li> <li>{{domxref("MediaQueryListListener")}}</li> </ul> diff --git a/files/fr/web/api/window/menubar/index.html b/files/fr/web/api/window/menubar/index.html index 21204f7405..6e5fc9371d 100644 --- a/files/fr/web/api/window/menubar/index.html +++ b/files/fr/web/api/window/menubar/index.html @@ -15,14 +15,14 @@ translation_of: Web/API/Window/menubar <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate"><em>objRef</em> = <em>window</em>.menubar +<pre class="syntaxbox"><em>objRef</em> = <em>window</em>.menubar </pre> <h2 id="Exemple">Exemple</h2> <p>L'exemple HTML complet suivant montre comment la propriété <code>visible</code> de l'objet <code>menubar</code> est utilisée.</p> -<pre class="brush:html notranslate"><html> +<pre class="brush:html"><html> <head> <title>Divers Tests DOM</title> <script> diff --git a/files/fr/web/api/window/message_event/index.html b/files/fr/web/api/window/message_event/index.html index afa06c25b7..7122fbb2d9 100644 --- a/files/fr/web/api/window/message_event/index.html +++ b/files/fr/web/api/window/message_event/index.html @@ -33,9 +33,9 @@ translation_of: Web/API/Window/message_event <h2 id="Exemples">Exemples</h2> -<p><span class="tlid-translation translation" lang="fr"><span title="">Supposons qu'un script envoie un message à un contexte de navigation différent, tel qu'un autre </span></span><code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe"><iframe></a></code>, en utilisant un code comme celui-ci:</p> +<p>Supposons qu'un script envoie un message à un contexte de navigation différent, tel qu'un autre <code><a href="/en-US/docs/Web/HTML/Element/iframe"><iframe></a></code>, en utilisant un code comme celui-ci:</p> -<pre class="brush: js notranslate">const targetFrame = window.top.frames[1]; +<pre class="brush: js">const targetFrame = window.top.frames[1]; const targetOrigin = 'https://exemple.org'; const windowMessageButton = document.querySelector('#window-message'); @@ -45,13 +45,13 @@ windowMessageButton.addEventListener('click', () => { <p>Le récepteur peut écouter le message en utilisant <code><a href="/en-US/docs/Web/API/EventTarget/addEventListener">addEventListener()</a></code> avec un code comme celui-ci:</p> -<pre class="brush: js notranslate">window.addEventListener('message', (event) => { +<pre class="brush: js">window.addEventListener('message', (event) => { console.log(`Message reçu: ${event.data}`); });</pre> <p>Alternativement l'écouteur peut utiliser la propriété du gestionnaire d'événements <code><a href="/en-US/docs/Web/API/WindowEventHandlers/onmessage">onmessage</a></code>:</p> -<pre class="brush: js notranslate">window.onmessage = (event) => { +<pre class="brush: js">window.onmessage = (event) => { console.log(`Message reçu: ${event.data}`); };</pre> diff --git a/files/fr/web/api/window/messageerror_event/index.html b/files/fr/web/api/window/messageerror_event/index.html index cc321adbb9..0f63b05e44 100644 --- a/files/fr/web/api/window/messageerror_event/index.html +++ b/files/fr/web/api/window/messageerror_event/index.html @@ -38,13 +38,13 @@ translation_of: Web/API/Window/messageerror_event <p>Écoutez <code>messageerror</code> en utilisant {{domxref("EventTarget/addEventListener", "addEventListener()")}} :</p> -<pre class="brush: js notranslate">window.addEventListener('messageerror', (event) => { +<pre class="brush: js">window.addEventListener('messageerror', (event) => { console.error(event); });</pre> <p>Idem, mais en utilisant la propriété de gestionnaire d'événements {{domxref("WindowEventHandlers/onmessageerror", "onmessageerror")}} :</p> -<pre class="brush: js notranslate">window.onmessageerror = (event) => { +<pre class="brush: js">window.onmessageerror = (event) => { console.error(event); };</pre> diff --git a/files/fr/web/api/window/mozanimationstarttime/index.html b/files/fr/web/api/window/mozanimationstarttime/index.html index d58bd9eabe..cd98cffd8b 100644 --- a/files/fr/web/api/window/mozanimationstarttime/index.html +++ b/files/fr/web/api/window/mozanimationstarttime/index.html @@ -12,16 +12,16 @@ translation_of: Web/API/Window/mozAnimationStartTime --- <p>{{APIRef("Mozilla Extensions")}}{{Non-standard_Header}}{{Obsolete_Header("Gecko42")}}</p> -<p>Renvoie l'heure, en millisecondes depuis l'époque, à laquelle les animations ont commencé maintenant doivent être considérées comme ayant commencé. Cette valeur doit être utilisée à la place, par exemple, <code><a href="/en/JavaScript/Reference/Global_Objects/Date/now" title="en/JavaScript/Reference/Global Objects/Date/now">Date.now()</a></code>, car cette valeur sera la même pour toutes les animations lancées dans cette fenêtre pendant cet intervalle d'actualisation, leur permettant de rester synchronisées les unes avec les autres.</p> +<p>Renvoie l'heure, en millisecondes depuis l'époque, à laquelle les animations ont commencé maintenant doivent être considérées comme ayant commencé. Cette valeur doit être utilisée à la place, par exemple, <code><a href="/en/JavaScript/Reference/Global_Objects/Date/now">Date.now()</a></code>, car cette valeur sera la même pour toutes les animations lancées dans cette fenêtre pendant cet intervalle d'actualisation, leur permettant de rester synchronisées les unes avec les autres.</p> <p>Cela permet également aux animations basées sur JavaScript de rester synchronisées avec les transitions CSS et les animations SMIL déclenchées pendant le même intervalle d'actualisation.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> -<pre class="eval notranslate"><em>time</em> = window.mozAnimationStartTime; +<pre class="eval"><em>time</em> = window.mozAnimationStartTime; </pre> -<h3 id="Parameters" name="Parameters">Paramètres</h3> +<h3 id="Parameters">Paramètres</h3> <ul> <li><em><code>time</code></em> est le temps en millisecondes depuis l'époque à laquelle les animations de la fenêtre actuelle doivent être considérées comme ayant démarré.</li> diff --git a/files/fr/web/api/window/mozinnerscreenx/index.html b/files/fr/web/api/window/mozinnerscreenx/index.html index 255235e7b9..3cce6881b6 100644 --- a/files/fr/web/api/window/mozinnerscreenx/index.html +++ b/files/fr/web/api/window/mozinnerscreenx/index.html @@ -16,11 +16,13 @@ translation_of: Web/API/Window/mozInnerScreenX <p>Obtient la coordonnée X du coin supérieur gauche de la fenêtre de la fenêtre, en coordonnées d'écran.</p> -<div class="note"><strong>Note:</strong> Cette coordonnée est indiquée en pixels CSS et non en pixels matériels. <span class="tlid-translation translation" lang="fr"><span title="">Cela signifie qu'il peut être affecté par le niveau de zoom</span></span>; <span class="tlid-translation translation" lang="fr"><span title="">pour calculer le nombre réel de pixels d'écran physiques, vous devez utiliser la propriété</span></span><a href="/en-US/docs/XPCOM_Interface_Reference/nsIDOMWindowUtils"> <code>nsIDOMWindowUtils.screenPixelsPerCSSPixel</code></a>.</div> +<div class="note"> + <p><strong>Note :</strong> 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é<a href="/en-US/docs/XPCOM_Interface_Reference/nsIDOMWindowUtils"> <code>nsIDOMWindowUtils.screenPixelsPerCSSPixel</code></a>.</p> +</div> <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate"><var>screenX</var> = window.mozInnerScreenX;</pre> +<pre class="syntaxbox"><var>screenX</var> = window.mozInnerScreenX;</pre> <h3 id="Valeur">Valeur</h3> diff --git a/files/fr/web/api/window/mozinnerscreeny/index.html b/files/fr/web/api/window/mozinnerscreeny/index.html index 3a8163382d..2b9ebd8564 100644 --- a/files/fr/web/api/window/mozinnerscreeny/index.html +++ b/files/fr/web/api/window/mozinnerscreeny/index.html @@ -16,17 +16,19 @@ translation_of: Web/API/Window/mozInnerScreenY <p>Obtient la coordonnée Y du coin supérieur gauche de la fenêtre de la fenêtre, en coordonnées d'écran.</p> -<div class="note"><strong>Note:</strong> 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é<a href="/en-US/docs/XPCOM_Interface_Reference/nsIDOMWindowUtils"> <code>nsIDOMWindowUtils.screenPixelsPerCSSPixel</code></a>.</div> +<div class="note"> + <p><strong>Note :</strong> 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é<a href="/en-US/docs/XPCOM_Interface_Reference/nsIDOMWindowUtils"> <code>nsIDOMWindowUtils.screenPixelsPerCSSPixel</code></a>.</p> +</div> <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate"><var>screenY</var> = window.mozInnerScreenY;</pre> +<pre class="syntaxbox"><var>screenY</var> = window.mozInnerScreenY;</pre> <h3 id="Valeur">Valeur</h3> <ul> <li><var>screenY</var> stocke la valeur de la propriété <code>window.mozInnerScreenY</code>.</li> - <li>La propriété <code>window.mozInnerScreenY</code> <span class="tlid-translation translation" lang="fr"><span title="">est une valeur en lecture seule à virgule flottante;</span> <span title="">il n'a pas de valeur par défaut.</span></span></li> + <li>La propriété <code>window.mozInnerScreenY</code> est une valeur en lecture seule à virgule flottante; il n'a pas de valeur par défaut.</li> </ul> <h2 id="Spécification">Spécification</h2> diff --git a/files/fr/web/api/window/mozpaintcount/index.html b/files/fr/web/api/window/mozpaintcount/index.html index 288e5ecfe1..a6f3d9eb7c 100644 --- a/files/fr/web/api/window/mozpaintcount/index.html +++ b/files/fr/web/api/window/mozpaintcount/index.html @@ -17,18 +17,18 @@ translation_of: Web/API/Window/mozPaintCount <p>Renvoie le nombre de fois où le document actuel a été peint à l'écran dans cette fenêtre.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> -<pre class="syntaxbox notranslate"><code>var <em>paintCount</em> = window.mozPaintCount;</code></pre> +<pre class="syntaxbox"><code>var <em>paintCount</em> = window.mozPaintCount;</code></pre> <ul> <li><code><em>paintCount</em></code> stocke la valeur de la propriété <code>window.mozPaintCount</code>.</li> - <li>La valeur <code>window.mozPaintCount</code> est <code>longue</code>, et commence à zéro <span class="tlid-translation translation" lang="fr"><span title="">lorsque le document est créé pour la première fois, en incrémentant de un à chaque fois que le document est peint.</span></span></li> + <li>La valeur <code>window.mozPaintCount</code> est <code>longue</code>, et commence à zéro lorsque le document est créé pour la première fois, en incrémentant de un à chaque fois que le document est peint.</li> </ul> -<h2 id="Specification" name="Specification">Spécification</h2> +<h2 id="Specification">Spécification</h2> -<p>Ne fait partie d'aucune spécification ou recommandation du <abbr title="World Wide Web Consortium">W3C</abbr>.</p> +<p>Ne fait partie d'aucune spécification ou recommandation du <abbr>W3C</abbr>.</p> <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> diff --git a/files/fr/web/api/window/offline_event/index.html b/files/fr/web/api/window/offline_event/index.html index a038b1ea4a..fa7752a90c 100644 --- a/files/fr/web/api/window/offline_event/index.html +++ b/files/fr/web/api/window/offline_event/index.html @@ -36,7 +36,7 @@ translation_of: Web/API/Window/offline_event <h2 id="Exemples">Exemples</h2> -<pre class="brush: js notranslate">//version addEventListener +<pre class="brush: js">//version addEventListener window.addEventListener('offline', (event) => { console.log("La Connexion au réseau est perdu."); }); @@ -47,7 +47,7 @@ window.onoffline = (event) => { }; </pre> -<h2 class="brush: js" id="Spécifications">Spécifications</h2> +<h2 id="Spécifications">Spécifications</h2> <table class="standard-table"> <tbody> diff --git a/files/fr/web/api/window/online_event/index.html b/files/fr/web/api/window/online_event/index.html index 0dd968c064..c2c93916c8 100644 --- a/files/fr/web/api/window/online_event/index.html +++ b/files/fr/web/api/window/online_event/index.html @@ -13,7 +13,9 @@ translation_of: Web/API/Window/online_event <p>L'événement <strong><code>online</code></strong> de l'interface {{domxref("Window")}} est déclenché lorsque le navigateur a obtenu l'accès au réseau et que la valeur de {{domxref("Navigator.onLine")}} passe à <code>true</code>.</p> -<div class="note"><strong>Note:</strong> Cet événement ne doit pas être utilisé pour déterminer la disponibilité d'un site Web particulier. Des problèmes de réseau ou des pare-feu peuvent encore empêcher l'accès au site Web.</div> +<div class="note"> + <p><strong>Note :</strong> Cet événement ne doit pas être utilisé pour déterminer la disponibilité d'un site Web particulier. Des problèmes de réseau ou des pare-feu peuvent encore empêcher l'accès au site Web.</p> +</div> <table class="properties"> <tbody> @@ -36,13 +38,9 @@ translation_of: Web/API/Window/online_event </tbody> </table> -<dl> - <dt style="float: left; text-align: right; width: 120px;"></dt> -</dl> - <h2 id="Exemples">Exemples</h2> -<pre class="brush: js notranslate">// addEventListener version +<pre class="brush: js">// addEventListener version window.addEventListener('online', (event) => { console.log("Vous êtes maintenant connecté au réseau."); }); @@ -53,7 +51,7 @@ window.ononline = (event) => { }; </pre> -<h2 class="brush: js" id="Spécifications">Spécifications</h2> +<h2 id="Spécifications">Spécifications</h2> <table class="standard-table"> <tbody> diff --git a/files/fr/web/api/window/onpaint/index.html b/files/fr/web/api/window/onpaint/index.html index 351683ba0c..d7ae9b979d 100644 --- a/files/fr/web/api/window/onpaint/index.html +++ b/files/fr/web/api/window/onpaint/index.html @@ -13,13 +13,13 @@ translation_of: Web/API/Window/onpaint <p><code><strong>Window.onpaint</strong></code> est un gestionnaire d'événements pour l'événement <code>paint</code> sur la fenêtre.</p> -<div class="blockIndicator warning"> -<p>Ne fonctionne pas dans les applications basées sur Gecko actuellement, voir la section Notes!</p> +<div class="warning"> +<p><strong>Attention :</strong> Ne fonctionne pas dans les applications basées sur Gecko actuellement, voir la section Notes!</p> </div> <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate">window.onpaint = <em>funcRef</em>; +<pre class="syntaxbox">window.onpaint = <em>funcRef</em>; </pre> <ul> diff --git a/files/fr/web/api/window/open/index.html b/files/fr/web/api/window/open/index.html index d4fced2fa8..863f61a1a9 100644 --- a/files/fr/web/api/window/open/index.html +++ b/files/fr/web/api/window/open/index.html @@ -8,67 +8,58 @@ translation_of: Web/API/Window/open --- <p>{{ ApiRef() }}</p> -<h3 id="D.C3.A9finition" name="D.C3.A9finition">Définition</h3> +<h3 id="D.C3.A9finition">Définition</h3> <p>Crée une nouvelle fenêtre de navigation secondaire et y charge la ressource référencée.</p> -<h3 id="Syntaxe" name="Syntaxe">Syntaxe</h3> +<h3 id="Syntaxe">Syntaxe</h3> -<pre class="syntaxbox language-html"><code class="language-html">var windowObjectReference = window.open(strUrl, strWindowName[, strWindowFeatures]);</code></pre> +<pre class="brush: js">var windowObjectReference = window.open(strUrl, strWindowName[, strWindowFeatures]);</pre> -<h3 id="Valeur_renvoy.C3.A9e_et_param.C3.A8tres" name="Valeur_renvoy.C3.A9e_et_param.C3.A8tres">Valeur renvoyée et paramètres</h3> +<h3 id="Valeur_renvoy.C3.A9e_et_param.C3.A8tres">Valeur renvoyée et paramètres</h3> <dl> <dt><code>WindowObjectReference</code></dt> - <dd>Il s'agit de la référence pointant vers la fenêtre de navigation nouvellement créée. Cette référence est la valeur renvoyée par la méthode <code>open()</code> ; elle sera à <code>null</code> si pour une raison ou une autre l'appel n'a pas réussi à ouvrir une fenêtre. Une variable globale est le meilleur endroit pour stocker une telle référence. Il est alors possible, par exemple, de l'utiliser pour obtenir certaines propriétés de la nouvelle fenêtre, ou accéder à certaines de ses méthodes, à condition que la relation entre votre fenêtre principale et votre fenêtre secondaire se conforme avec les paramètres de sécurité de même origine (<em><a class="external" href="http://www.mozilla.org/projects/security/components/same-origin.html">Same origin policy</a> security requirements</em> ).</dd> -</dl> - -<dl> + <dd>Il s'agit de la référence pointant vers la fenêtre de navigation nouvellement créée. Cette référence est la valeur renvoyée par la méthode <code>open()</code> ; elle sera à <code>null</code> si pour une raison ou une autre l'appel n'a pas réussi à ouvrir une fenêtre. Une variable globale est le meilleur endroit pour stocker une telle référence. Il est alors possible, par exemple, de l'utiliser pour obtenir certaines propriétés de la nouvelle fenêtre, ou accéder à certaines de ses méthodes, à condition que la relation entre votre fenêtre principale et votre fenêtre secondaire se conforme avec les paramètres de sécurité de même origine (<em><a href="http://www.mozilla.org/projects/security/components/same-origin.html">Same origin policy</a> security requirements</em> ).</dd> <dt><code>strUrl</code></dt> <dd>Il s'agit de l'URL à charger dans la fenêtre nouvellement créée. <var>strUrl</var> peut être un document HTML, un fichier image, ou tout autre type de fichier géré par le navigateur.</dd> -</dl> - -<dl> <dt><code>strWindowName</code></dt> - <dd>Il s'agit de la chaîne d'identification de la nouvelle fenêtre. Celle-ci peut être utilisée pour être la cible de liens et de formulaires lorsque l'attribut <code>target</code> d'un élément <code style="font-size: 1em;"><a></code> ou d'un élément <code style="font-size: 1em;"><form></code> est spécifié. Cette chaîne ne peut contenir d'espaces. <var>strWindowName</var> ne spécifie pas le titre de la fenêtre, juste son nom interne.</dd> -</dl> - -<dl> + <dd>Il s'agit de la chaîne d'identification de la nouvelle fenêtre. Celle-ci peut être utilisée pour être la cible de liens et de formulaires lorsque l'attribut <code>target</code> d'un élément <code><a></code> ou d'un élément <code><form></code> est spécifié. Cette chaîne ne peut contenir d'espaces. <var>strWindowName</var> ne spécifie pas le titre de la fenêtre, juste son nom interne.</dd> <dt><code>strWindowFeatures</code></dt> <dd>Paramètre optionnel. Il s'agit de la chaîne listant les fonctionnalités de la nouvelle fenêtre de navigation (et de ses barres d'outils). Cette chaîne ne peut contenir d'espaces. Chaque fonctionnalité doit être séparée par une virgule au sein de la chaîne de caractères.</dd> </dl> -<h3 id="Description" name="Description">Description</h3> +<h3 id="Description">Description</h3> <p>La méthode <code>open()</code> crée une nouvelle fenêtre secondaire de navigation, de façon similaire au choix de l'option Nouvelle fenêtre du menu Fichier. Le paramètre <var>strUrl</var> spécifie l'URL à récupérer et à charger dans la nouvelle fenêtre. Si <var>strUrl</var> est une chaîne vide, une nouvelle fenêtre vide de tout contenu (l'URL <code>about:blank</code> sera chargée) est créée avec les barres d'outils par défaut de la fenêtre principale.</p> <p>Notez que les URL distantes ne seront pas chargées instantanément. Lorsque l'appel à <code>window.open()</code> se termine et renvoie sa valeur, la fenêtre contient toujours <code>about:blank</code>. Le chargement proprement dit de l'URL est reporté et ne commence effectivement qu'après la fin de l'exécution du bloc de script courant. La création de la fenêtre d'une part et le chargement de la ressource référencée d'autre part sont faits de manière asynchrone.</p> -<h4 id="Exemples" name="Exemples">Exemples</h4> +<h4 id="Exemples">Exemples</h4> -<pre class="brush:js language-js"><code class="language-js"><span class="keyword token">var</span> windowObjectReference<span class="punctuation token">;</span> -<span class="keyword token">var</span> strWindowFeatures <span class="operator token">=</span> <span class="string token">"menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes"</span><span class="punctuation token">;</span> +<pre class="brush:js">var windowObjectReference; +var strWindowFeatures = "menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes"; -<span class="keyword token">function</span> <span class="function token">openRequestedPopup<span class="punctuation token">(</span></span><span class="punctuation token">)</span> <span class="punctuation token">{</span> - windowObjectReference <span class="operator token">=</span> window<span class="punctuation token">.</span><span class="function token">open<span class="punctuation token">(</span></span><span class="string token">"http://www.cnn.com/"</span><span class="punctuation token">,</span> <span class="string token">"CNN_WindowName"</span><span class="punctuation token">,</span> strWindowFeatures<span class="punctuation token">)</span><span class="punctuation token">;</span> -<span class="punctuation token">}</span></code></pre> +function openRequestedPopup() { + windowObjectReference = window.open("http://www.cnn.com/", "CNN_WindowName", strWindowFeatures); +}</pre> -<pre class="brush:js language-js"><code class="language-js"><span class="keyword token">var</span> windowObjectReference<span class="punctuation token">;</span> +<pre class="brush:js">var windowObjectReference; -<span class="keyword token">function</span> <span class="function token">openRequestedPopup<span class="punctuation token">(</span></span><span class="punctuation token">)</span> <span class="punctuation token">{</span> - windowObjectReference <span class="operator token">=</span> window<span class="punctuation token">.</span><span class="function token">open<span class="punctuation token">(</span></span> - <span class="string token">"http://www.domainname.ext/path/ImageFile.png"</span><span class="punctuation token">,</span> - <span class="string token">"DescriptiveWindowName"</span><span class="punctuation token">,</span> - <span class="string token">"resizable,scrollbars,status"</span> - <span class="punctuation token">)</span><span class="punctuation token">;</span> -<span class="punctuation token">}</span></code></pre> +function openRequestedPopup() { + windowObjectReference = window.open( + "http://www.domainname.ext/path/ImageFile.png", + "DescriptiveWindowName", + "resizable,scrollbars,status" + ); +}</pre> <p>Si une fenêtre du nom <var>strWindowName</var> existe déjà, alors, au lieu d'ouvrir une nouvelle fenêtre, <var>strUrl</var> 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 <var>strWindowFeatures</var> est ignorée. Fournir une chaîne vide pour <var>strUrl</var> 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 <code>window.open()</code>, il faut utiliser la nom réservé <var>_blank</var> pour <var>strWindowName</var>.</p> <div class="note"> -<p><strong>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 </strong>: 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<code> window.open('',<name>,'')</code> ouvrira alors des doublons. La fonction <code>hw=window.open('',strWindowName<strong> </strong> ,'')</code> 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.</p> +<p><strong>Note :</strong> À 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<code> window.open('',<name>,'')</code> ouvrira alors des doublons. La fonction <code>hw=window.open('',strWindowName<strong> </strong> ,'')</code> 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.</p> </div> <p><var>strWindowFeatures</var> 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 <var>strWindowName</var> ne spécifie pas une fenêtre existante et si vous ne fournissez pas le paramètre <var>strWindowFeatures</var> (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.</p> @@ -80,247 +71,103 @@ translation_of: Web/API/Window/open <p><strong>Si le paramètre <var>strWindowFeatures</var> est défini, les fonctionnalités qui ne sont pas listées, explicitement demandées dans la chaîne, seront désactivées ou enlevées</strong> (à l'exception de <var>titlebar</var> et <var>close</var> qui sont par défaut à <var>yes</var>).</p> <div class="note"> -<p><strong>Astuce</strong> : Si vous utilisez le paramètre <var>strWindowFeatures</var>, listez uniquement les fonctionnalités dont vous avez besoin, qui doivent être activées ou affichées. Les autres (à l'exception de <var>titlebar</var> et <var>close</var>) seront désactivées ou enlevées.</p> +<p><strong>Note :</strong> Si vous utilisez le paramètre <var>strWindowFeatures</var>, listez uniquement les fonctionnalités dont vous avez besoin, qui doivent être activées ou affichées. Les autres (à l'exception de <var>titlebar</var> et <var>close</var>) seront désactivées ou enlevées.</p> </div> -<p style="border: 1px dotted green;"><img alt="Illustration des barres d'outils du chrome de Firefox" class="internal" src="/@api/deki/files/1286/=FirefoxChromeToolbarsDescription7a.png"></p> - -<h4 id="Fonctionnalit.C3.A9s_de_position_et_de_taille" name="Fonctionnalit.C3.A9s_de_position_et_de_taille">Fonctionnalités de position et de taille</h4> +<h4 id="Fonctionnalit.C3.A9s_de_position_et_de_taille">Fonctionnalités de position et de taille</h4> <p><a href="#Note_sur_les_corrections_d.27erreurs_de_position_et_de_dimension">Note sur les corrections d'erreurs de position et de dimension</a></p> -<div class="bug">{{bug(176320) }}</div> +<p>{{bug(176320) }}</p> <p><a href="#Note_sur_les_priorit.C3.A9s">Note sur les priorités</a></p> <dl> - <dt>left </dt> - <dd><span id="left">Spécifie la distance</span> à laquelle la nouvelle fenêtre est placée depuis le bord gauche de la zone de travail destinée aux applications du système d'exploitation de l'utilisateur jusqu'à la bordure extérieure (bordure de redimensionnement) de la fenêtre de navigation. La nouvelle fenêtre ne peut pas être positionnée initialement hors de l'écran.</dd> - <dd>Reconnu par : , , , , ,</dd> -</dl> - -<dl> - <dt>top </dt> - <dd><span id="topS">Spécifie la distance</span> à laquelle la nouvelle fenêtre est placée depuis le bord supérieur de la zone de travail destinée aux applications du système d'exploitation de l'utilisateur jusqu'à la bordure extérieure (bordure de redimensionnement) de la fenêtre de navigation. La nouvelle fenêtre ne peut pas être positionnée initialement hors de l'écran.</dd> - <dd>Reconnu par : , , , , ,</dd> -</dl> - -<dl> - <dt>height </dt> - <dd><span id="height">Spécifie la hauteur</span> de la zone de contenu, l'espace de visualisation de la nouvelle fenêtre secondaire, en pixels. La valeur de hauteur comprend celle de la barre de défilement horizontale si celle-ci est présente. La valeur minimale requise est 100.</dd> - <dd><a href="#Note_sur_la_diff.C3.A9rence_entre_outerHeight_et_height">Note sur la différence entre outerHeight et height (ou innerHeight)</a></dd> - <dd>Reconnu par : , , , , ,</dd> -</dl> - -<dl> - <dt>width </dt> - <dd><span id="width">Spécifie la largeur</span> de la zone de contenu, l'espace de visualisation de la nouvelle fenêtre secondaire, en pixels. La valeur de largeur comprend celle de la barre de défilement verticale si celle-ci est présente. Elle ne prend pas en compte un éventuel panneau latéral si celui-ci est déplié. La valeur minimale requise est 100.</dd> - <dd>Reconnu par : , , , , ,</dd> -</dl> - -<dl> - <dt>screenX </dt> - <dd>Déprécié. Ne plus utiliser. Similaire à <a href="#left">left</a>, mais uniquement reconnu par les navigateurs Netscape et basés sur Mozilla.</dd> - <dd>Reconnu par : , , ,</dd> -</dl> - -<dl> - <dt>screenY </dt> - <dd>Déprécié. Ne plus utiliser. Similaire à <a href="#topS">top</a>, mais uniquement reconnu par les navigateurs Netscape et basés sur Mozilla.</dd> - <dd>Reconnu par : , , ,</dd> -</dl> - -<dl> - <dt>outerHeight </dt> - <dd>Spécifie la hauteur de toute la fenêtre de navigation en pixels. Cette valeur outerHeight comprend toute barre d'outils présente, la barre de défilement horizontale de la fenêtre (si présente) et les bordures inférieures et supérieures. La valeur minimale requise est 100.</dd> - <dd><strong>Note</strong> : étant donné que la barre de titre est toujours visible, demander une valeur outerHeight=100 rendra la valeur innerHeight de la fenêtre de navigation plus petite que les 100 pixels minimaux habituels.</dd> - <dd><a href="#Note_sur_la_diff.C3.A9rence_entre_outerHeight_et_height">Note sur les différences entre outerHeight et height (ou innerHeight)</a></dd> - <dd>Reconnu par : , , ,</dd> -</dl> - -<dl> - <dt>outerWidth </dt> + <dt>left</dt> + <dd>Spécifie la distance à laquelle la nouvelle fenêtre est placée depuis le bord gauche de la zone de travail destinée aux applications du système d'exploitation de l'utilisateur jusqu'à la bordure extérieure (bordure de redimensionnement) de la fenêtre de navigation. La nouvelle fenêtre ne peut pas être positionnée initialement hors de l'écran.</dd> + <dt>top</dt> + <dd>Spécifie la distance à laquelle la nouvelle fenêtre est placée depuis le bord supérieur de la zone de travail destinée aux applications du système d'exploitation de l'utilisateur jusqu'à la bordure extérieure (bordure de redimensionnement) de la fenêtre de navigation. La nouvelle fenêtre ne peut pas être positionnée initialement hors de l'écran.</dd> + <dt>height</dt> + <dd>Spécifie la hauteur de la zone de contenu, l'espace de visualisation de la nouvelle fenêtre secondaire, en pixels. La valeur de hauteur comprend celle de la barre de défilement horizontale si celle-ci est présente. La valeur minimale requise est 100.</dd> + <dt>width</dt> + <dd>Spécifie la largeur de la zone de contenu, l'espace de visualisation de la nouvelle fenêtre secondaire, en pixels. La valeur de largeur comprend celle de la barre de défilement verticale si celle-ci est présente. Elle ne prend pas en compte un éventuel panneau latéral si celui-ci est déplié. La valeur minimale requise est 100.</dd> + <dt>screenX</dt> + <dd>Mozilla.</dd> + <dt>screenY</dt> + <dd>Mozilla.</dd> + <dt>outerHeight</dt> + <dd><p>Spécifie la hauteur de toute la fenêtre de navigation en pixels. Cette valeur outerHeight comprend toute barre d'outils présente, la barre de défilement horizontale de la fenêtre (si présente) et les bordures inférieures et supérieures. La valeur minimale requise est 100.</p> + <div class="note"><p><strong>Note :</strong> étant donné que la barre de titre est toujours visible, demander une valeur outerHeight=100 rendra la valeur innerHeight de la fenêtre de navigation plus petite que les 100 pixels minimaux habituels.</p></div></dd> + <dt>outerWidth</dt> <dd>Spécifie la largeur de toute la fenêtre de navigation en pixels. Cette valeur outerWidth comprend la barre de défilement verticale (si présente) et les bords gauche et droits de la fenêtre.</dd> - <dd>Reconnu par : , , ,</dd> -</dl> - -<dl> - <dt>innerHeight </dt> - <dd>Similaire à <a href="#height">height</a>, mais uniquement reconnu par les navigateurs Netscape et basés sur Mozilla. Spécifie la hauteur de la zone de contenu, l'espace de visualisation de la nouvelle fenêtre secondaire, en pixels. La valeur <code>innerHeight</code> comprend la hauteur de la barre de défilement horizontale si celle-ci est présente. La valeur minimale requise est 100.</dd> - <dd><a href="#Note_sur_la_diff.C3.A9rence_entre_outerHeight_et_height">Note sur les différences entre outerHeight et height (ou innerHeight)</a></dd> - <dd>Reconnu par : , , ,</dd> -</dl> - -<dl> - <dt>innerWidth </dt> - <dd>Similaire à <a href="#width">width</a> , mais uniquement reconnu par les navigateurs Netscape et basés sur Mozilla. Spécifie la largeur de la zone de contenu, l'espace de visualisation de la nouvelle fenêtre secondaire, en pixels. La valeur <code>innerWidth</code> comprend la largeur de la barre de défilement verticale si celle-ci est présente. Elle ne prend pas en compte un éventuel panneau latéral si celui-ci est déplié. La valeur minimale requise est 100.</dd> - <dd>Reconnu par : , , ,</dd> -</dl> - -<h4 id="Fonctionnalit.C3.A9s_de_barres_d.27outils_et_de_chrome" name="Fonctionnalit.C3.A9s_de_barres_d.27outils_et_de_chrome">Fonctionnalités de barres d'outils et de chrome</h4> - -<dl> - <dt>menubar </dt> - <dd>Si cette fonctionnalité est définie à <var>yes</var>, la nouvelle fenêtre secondaire disposera d'une barre de menus.</dd> - <dd>Les utilisateurs de Mozilla et Firefox peuvent obliger les nouvelles fenêtres à toujours avoir une barre de menus en positionnant <code>dom.disable_window_open_feature.menubar</code> à <var>true</var> dans <kbd>about:config</kbd> ou dans leur <a class="external" href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>.</dd> - <dd>Reconnu par : , , , ,</dd> -</dl> - -<dl> - <dt>toolbar </dt> - <dd>Si cette fonctionnalité est définie à <var>yes</var>, la nouvelle fenêtre secondaire disposera d'une barre de navigation (boutons Précédente, Suivante, Actualiser et Arrêter). En plus de la barre de navigation, les navigateurs basés sur Mozilla afficheront également la barre d'onglets si elle est toujours visible et présente dans la fenêtre parente.</dd> - <dd>Les utilisateurs de Mozilla et Firefox peuvent obliger les nouvelles fenêtres à toujours afficher la barre de navigation en positionnant <code>dom.disable_window_open_feature.toolbar</code> à <var>true</var> dans <kbd>about:config</kbd> ou dans leur <a class="external" href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>.</dd> - <dd>Reconnu par : , , , ,</dd> -</dl> - -<dl> - <dt>location </dt> - <dd>Si cette fonctionnalité est définie à <var>yes</var>, la nouvelle fenêtre secondaire affichera une barre d'adresse (ou d'emplacement).</dd> - <dd>Les utilisateurs de Mozilla et Firefox peuvent obliger les nouvelles fenêtres à toujours afficher la barre d'adresse en positionnant <code>dom.disable_window_open_feature.location</code> à <var>true</var> dans <kbd>about:config</kbd> ou dans leur <a class="external" href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>.</dd> - <dd>Notez qu'Internet Explorer 7 force la présence de la barre d'adresse : « Nous pensons que la barre d'adresse est aussi importante pour les utilisateurs <strong>à voir dans les fenêtres pop-up</strong>. Une barre d'adresse manquante crée une opportunité pour un fraudeur de contrefaire une adresse. Pour aider à contrer cela, <strong>IE7 va afficher une barre d'adresse sur toutes les fenêtres de navigation pour aider les utilisateurs à voir où ils sont</strong>. » provenant de <a class="external" href="http://blogs.msdn.com/ie/archive/2005/11/21.aspx">Better Website Identification</a>.</dd> - <dd>Il est également dans les intentions de Mozilla de forcer la présence de la Barre d'adresse dans une prochaine version de Firefox :</dd> - <dd> - <div class="bug">{{bug(337344) }}</div> - </dd> -</dl> - -<dl> - <dd>Reconnu par : , , , , ,</dd> + <dt>innerHeight</dt> + <dd>de la zone de contenu, l'espace de visualisation de la nouvelle fenêtre secondaire, en pixels. La valeur <code>innerHeight</code> comprend la hauteur de la barre de défilement horizontale si celle-ci est présente. La valeur minimale requise est 100.</dd> + <dt>innerWidth</dt> + <dd>de la zone de contenu, l'espace de visualisation de la nouvelle fenêtre secondaire, en pixels. La valeur <code>innerWidth</code> comprend la largeur de la barre de défilement verticale si celle-ci est présente. Elle ne prend pas en compte un éventuel panneau latéral si celui-ci est déplié. La valeur minimale requise est 100.</dd> </dl> -<dl> - <dt>directories </dt> - <dd>Si cette fonctionnalité est définie à <var>yes</var>, la nouvelle fenêtre secondaire affichera la barre personnelle dans les navigateurs Netscape 6.x, Netscape 7.x, Mozilla et Firefox. Dans Internet Explorer 5+, la barre de liens sera affichée. En plus de la barre personnelle, les navigateurs Mozilla afficheront la barre de navigation du site si celle-ci est visible et présente dans la fenêtre parente.</dd> - <dd>Les utilisateurs de Mozilla et Firefox peuvent obliger les nouvelles fenêtres à toujours afficher leur barre personnelle en positionnant<code>dom.disable_window_open_feature.directories</code> à <var>true</var> dans <kbd>about:config</kbd> ou dans leur <a class="external" href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>.</dd> - <dd>Reconnu par : , , , ,</dd> -</dl> +<h4 id="Fonctionnalit.C3.A9s_de_barres_d.27outils_et_de_chrome">Fonctionnalités de barres d'outils et de chrome</h4> <dl> - <dt>personalbar </dt> + <dt>menubar</dt> + <dd><p>Si cette fonctionnalité est définie à <var>yes</var>, la nouvelle fenêtre secondaire disposera d'une barre de menus. Les utilisateurs de Mozilla et Firefox peuvent obliger les nouvelles fenêtres à toujours avoir une barre de menus en positionnant <code>dom.disable_window_open_feature.menubar</code> à <var>true</var> dans <kbd>about:config</kbd> ou dans leur <a href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>.</p></dd> + <dt>toolbar</dt> + <dd><p>Si cette fonctionnalité est définie à <var>yes</var>, la nouvelle fenêtre secondaire disposera d'une barre de navigation (boutons Précédente, Suivante, Actualiser et Arrêter). En plus de la barre de navigation, les navigateurs basés sur Mozilla afficheront également la barre d'onglets si elle est toujours visible et présente dans la fenêtre parente. Les utilisateurs de Mozilla et Firefox peuvent obliger les nouvelles fenêtres à toujours afficher la barre de navigation en positionnant <code>dom.disable_window_open_feature.toolbar</code> à <var>true</var> dans <kbd>about:config</kbd> ou dans leur <a href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>.</p></dd> + <dt>location</dt> + <dd><p>Si cette fonctionnalité est définie à <var>yes</var>, la nouvelle fenêtre secondaire affichera une barre d'adresse (ou d'emplacement).Les utilisateurs de Mozilla et Firefox peuvent obliger les nouvelles fenêtres à toujours afficher la barre d'adresse en positionnant <code>dom.disable_window_open_feature.location</code> à <var>true</var> dans <kbd>about:config</kbd> ou dans leur <a href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>. Notez qu'Internet Explorer 7 force la présence de la barre d'adresse : « Nous pensons que la barre d'adresse est aussi importante pour les utilisateurs <strong>à voir dans les fenêtres pop-up</strong>. Une barre d'adresse manquante crée une opportunité pour un fraudeur de contrefaire une adresse. Pour aider à contrer cela, <strong>IE7 va afficher une barre d'adresse sur toutes les fenêtres de navigation pour aider les utilisateurs à voir où ils sont</strong>. » provenant de <a href="http://blogs.msdn.com/ie/archive/2005/11/21.aspx">Better Website Identification</a>. Il est également dans les intentions de Mozilla de forcer la présence de la Barre d'adresse dans une prochaine version de Firefox : {{bug(337344) }}</p></dd> + <dt>directories</dt> + <dd><p>Si cette fonctionnalité est définie à <var>yes</var>, la nouvelle fenêtre secondaire affichera la barre personnelle dans les navigateurs Netscape 6.x, Netscape 7.x, Mozilla et Firefox. Dans Internet Explorer 5+, la barre de liens sera affichée. En plus de la barre personnelle, les navigateurs Mozilla afficheront la barre de navigation du site si celle-ci est visible et présente dans la fenêtre parente. Les utilisateurs de Mozilla et Firefox peuvent obliger les nouvelles fenêtres à toujours afficher leur barre personnelle en positionnant<code>dom.disable_window_open_feature.directories</code> à <var>true</var> dans <kbd>about:config</kbd> ou dans leur <a href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>.</p></dd> + <dt>personalbar</dt> <dd>Similaire à <var>directories</var>, mais ne fonctionne que dans Netscape et les navigateurs basés sur Mozilla.</dd> - <dd>Reconnu par : , , ,</dd> -</dl> - -<dl> - <dt>status </dt> + <dt>status</dt> <dd>Si cette fonctionnalité est définie à <var>yes</var>, la nouvelle fenêtre secondaire disposera d'une barre d'état. Les utilisateurs peuvent forcer la présence de la barre d'état dans tous les navigateurs basés sur Mozilla, dans Internet Explorer 6 SP2 (<a href="#Note_sur_les_probl.C3.A8mes_de_s.C3.A9curit.C3.A9_li.C3.A9s_.C3.A0_la_pr.C3.A9sence_de_la_barre_d.27.C3.A9tat">Note sur la barre d'état avec XP SP2</a>) et dans Opera 6+. Les réglages par défaut des navigateurs récents basés sur Mozilla et Firefox 1.0 forcent la présence de la barre d'état.</dd> - <dd><a href="#Note_sur_la_barre_d.27.C3.A9tat">Note sur la barre d'état</a></dd> - <dd>Reconnu par : , , , ,</dd> </dl> -<h4 id="Fonctionnalit.C3.A9s_relatives_.C3.A0_la_fen.C3.AAtre" name="Fonctionnalit.C3.A9s_relatives_.C3.A0_la_fen.C3.AAtre">Fonctionnalités relatives à la fenêtre</h4> +<h4 id="Fonctionnalit.C3.A9s_relatives_.C3.A0_la_fen.C3.AAtre">Fonctionnalités relatives à la fenêtre</h4> <dl> - <dt>resizable </dt> - <dd>Si cette fonctionnalité est définie à <var>yes</var>, la nouvelle fenêtre secondaire sera redimensionnable.</dd> - <dd><strong>Note</strong> : à partir de la version 1.4, les navigateurs basés sur Mozilla ont une zone de redimensionnement à l'extrémité droite de la barre d'état. Cela permet de s'assurer que les utilisateurs peuvent toujours redimensionner la fenêtre même si l'auteur de la page Web a demandé que cette fenêtre secondaire ne soit pas redimensionnable. Dans ce cas, les icônes de maximisation/restauration dans la barre de titre de la fenêtre seront désactivées et les bordures de la fenêtre ne permettront pas de la redimensionner, mais celle-ci pourra toujours être redimensionnée via cette zone de la barre d'état.</dd> - <dd>Il est probable qu'à partir de Firefox 3, toutes les fenêtres secondaires seront redimensionnables ({{ Bug(177838) }})</dd> -</dl> - + <dt>resizable</dt> + <dd><p>Si cette fonctionnalité est définie à <var>yes</var>, la nouvelle fenêtre secondaire sera redimensionnable À partir de la version 1.4, les navigateurs basés sur Mozilla ont une zone de redimensionnement à l'extrémité droite de la barre d'état. Cela permet de s'assurer que les utilisateurs peuvent toujours redimensionner la fenêtre même si l'auteur de la page Web a demandé que cette fenêtre secondaire ne soit pas redimensionnable. Dans ce cas, les icônes de maximisation/restauration dans la barre de titre de la fenêtre seront désactivées et les bordures de la fenêtre ne permettront pas de la redimensionner, mais celle-ci pourra toujours être redimensionnée via cette zone de la barre d'état. Il est probable qu'à partir de Firefox 3, toutes les fenêtres secondaires seront redimensionnables ({{ Bug(177838) }})</p> <div class="note"> -<p><strong>Astuce</strong> : pour des raisons d'accessibilité, il est vivement recommandé de toujours définir cette fonctionnalité à <var>yes</var>.</p> +<p><strong>Note :</strong> pour des raisons d'accessibilité, il est vivement recommandé de toujours définir cette fonctionnalité à <var>yes</var>.</p> </div> - -<dl> - <dd>Les utilisateurs de Mozilla et Firefox peuvent obliger les nouvelles fenêtres à être facilement redimensionnables en positionnant <code>dom.disable_window_open_feature.resizable</code> à <var>true</var> dans <kbd>about:config</kbd> ou dans leur <a class="external" href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>.</dd> - <dd>Reconnu par : , , , ,</dd> -</dl> - -<dl> - <dt>scrollbars </dt> - <dd>Si cette fonctionnalité est définie à <var>yes</var>, la nouvelle fenêtre secondaire affichera des barres de défilement horizontales et/ou verticales si le document ne rentre pas dans la zone d'affichage de la fenêtre.</dd> -</dl> - + <p>Les utilisateurs de Mozilla et Firefox peuvent obliger les nouvelles fenêtres à être facilement redimensionnables en positionnant <code>dom.disable_window_open_feature.resizable</code> à <var>true</var> dans <kbd>about:config</kbd> ou dans leur <a href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>.</p> +</dd> + <dt>scrollbars</dt> + <dd><p>Si cette fonctionnalité est définie à <var>yes</var>, la nouvelle fenêtre secondaire affichera des barres de défilement horizontales et/ou verticales si le document ne rentre pas dans la zone d'affichage de la fenêtre.</p> <div class="note"> -<p><strong>Astuce</strong> : pour des raisons d'accessibilité, il est vivement recommandé de toujours définir cette fonctionnalité à <var>yes</var>.</p> +<p><strong>Note :</strong> pour des raisons d'accessibilité, il est vivement recommandé de toujours définir cette fonctionnalité à <var>yes</var>.</p> </div> - -<dl> - <dd>Les utilisateurs de Mozilla et Firefox peuvent obliger cette option à être toujours activée en positionnant <code>dom.disable_window_open_feature.scrollbars</code> à <var>true</var> dans <kbd>about:config</kbd> ou dans leur <a class="external" href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>.</dd> - <dd><a href="#Note_sur_les_barres_de_d.C3.A9filement">Note sur les barres de défilement</a></dd> - <dd>Reconnu par : , , , ,</dd> -</dl> - -<dl> - <dt>dependent </dt> - <dd>Si définie à <var>yes</var>, la nouvelle fenêtre est dite dépendante de sa fenêtre parente. Une fenêtre dépendante se ferme lorsque sa fenêtre parente est fermée. Une fenêtre dépendante est réduite dans la barre des tâches uniquement lorsque sa fenêtre parente est réduite. Sur les plateformes Windows, une fenêtre dépendante n'est pas affichée sur la barre des tâches. Elle reste également en avant-plan de la fenêtre parente.</dd> - <dd>Les fenêtres dépendantes n'existent pas sous Mac OS X, cette option y sera ignorée.</dd> - <dd>La suppression complète de cette fonctionnalité sur toutes les plateformes est en cours de discussion ({{ Bug(214867) }})</dd> - <dd>Dans Internet Explorer 6, le plus proche équivalent à cette fonctionnalité est la méthode <code>showModelessDialog()</code>.</dd> - <dd>Reconnu par : , , ,</dd> -</dl> - -<dl> - <dt>modal </dt> - <dd><strong>Note</strong> : à partir de Mozilla 1.2.1, cette fonctionnalité requiert le privilège <code>UniversalBrowserWrite</code> ({{ Bug(180048) }}). Sans ce privilège, elle est équivalente à <code>dependent</code>.</dd> - <dd>Si définie à <var>yes</var>, la nouvelle fenêtre est dite modale. L'utilisateur ne peut pas retourner à la fenêtre principale tant que la fenêtre modale n'est pas fermée. Une fenêtre modale typique est créée par la <a href="fr/DOM/window.alert">fonction alert()</a>.</dd> - <dd>Le comportement exact des fenêtres modales dépend de la plateforme et de la version de Mozilla.</dd> - <dd>L'équivalent de cette fonctionnalité dans Internet Explorer 6 est la méthode <code>showModalDialog()</code>.</dd> - <dd>Reconnu par : , , ,</dd> -</dl> - -<dl> - <dt>dialog </dt> - <dd>La fonctionnalité <code>dialog</code> retire toutes les icônes (restaurer, réduire, agrandir) de la barre de titre de la fenêtre, laissant uniquement le bouton de fermeture. Mozilla 1.2+ et Netscape 7.1 afficheront les autres commandes du menu système (dans Firefox 1.0 et Netscape 7.0x, le menu de commandes système n'est pas associé avec l'icône de Firefox/Netscape 7.0x à l'extrémité gauche de la barre de titre, il s'agit probablement d'un bug. Il est possible d'accéder au menu de commandes système avec un clic droit sur la barre de titre). Les fenêtres de dialogue sont des fenêtres qui n'ont pas d'icône de commande système de réduction ni d'agrandissement/restauration dans la barre de titre, ni dans les choix correspondants du menu de commandes système. On les appelle dialogues car leur utilisation normale est uniquement de notifier une information et d'être ensuite immédiatement fermées. Sur les systèmes Mac, les fenêtres de dialogue ont une bordure différente et peuvent prendre la forme de<em>sheets</em> .</dd> - <dd>Reconnu par : , , ,</dd> -</dl> - -<dl> - <dt>minimizable </dt> - <dd>Ce paramètre peut uniquement s'appliquer à des fenêtres de dialogue ; l'utilisation de « minimizable » nécessite <code>dialog=yes</code>. Si <code>minimizable</code> est défini à <var>yes</var>, le nouveau dialogue aura une commande système de réduction dans la barre de titre et il sera possible de le réduire dans la barre des tâches. Toute fenêtre n'étant pas un dialogue est toujours réductible, cette option y sera donc ignorée.</dd> - <dd>Reconnu par : , , ,</dd> +<p>Les utilisateurs de Mozilla et Firefox peuvent obliger cette option à être toujours activée en positionnant <code>dom.disable_window_open_feature.scrollbars</code> à <var>true</var> dans <kbd>about:config</kbd> ou dans leur <a href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>.</p></dd> + <dt>dependent</dt> + <dd>Si définie à <var>yes</var>, la nouvelle fenêtre est dite dépendante de sa fenêtre parente. Une fenêtre dépendante se ferme lorsque sa fenêtre parente est fermée. Une fenêtre dépendante est réduite dans la barre des tâches uniquement lorsque sa fenêtre parente est réduite. Sur les plateformes Windows, une fenêtre dépendante n'est pas affichée sur la barre des tâches. Elle reste également en avant-plan de la fenêtre parente. Les fenêtres dépendantes n'existent pas sous Mac OS X, cette option y sera ignorée. La suppression complète de cette fonctionnalité sur toutes les plateformes est en cours de discussion ({{ Bug(214867) }}) Dans Internet Explorer 6, le plus proche équivalent à cette fonctionnalité est la méthode <code>showModelessDialog()</code>.</dd> + <dt>modal</dt> + <dd><p><strong>Note</strong> : à partir de Mozilla 1.2.1, cette fonctionnalité requiert le privilège <code>UniversalBrowserWrite</code> ({{ Bug(180048) }}). Sans ce privilège, elle est équivalente à <code>dependent</code>. Si définie à <var>yes</var>, la nouvelle fenêtre est dite modale. L'utilisateur ne peut pas retourner à la fenêtre principale tant que la fenêtre modale n'est pas fermée. Une fenêtre modale typique est créée par la <a href="fr/DOM/window.alert">fonction alert()</a>. Le comportement exact des fenêtres modales dépend de la plateforme et de la version de Mozilla. L'équivalent de cette fonctionnalité dans Internet Explorer 6 est la méthode <code>showModalDialog()</code>.</p></dd> + <dt>dialog</dt> + <dd><p>La fonctionnalité <code>dialog</code> retire toutes les icônes (restaurer, réduire, agrandir) de la barre de titre de la fenêtre, laissant uniquement le bouton de fermeture. Mozilla 1.2+ et Netscape 7.1 afficheront les autres commandes du menu système (dans Firefox 1.0 et Netscape 7.0x, le menu de commandes système n'est pas associé avec l'icône de Firefox/Netscape 7.0x à l'extrémité gauche de la barre de titre, il s'agit probablement d'un bug. Il est possible d'accéder au menu de commandes système avec un clic droit sur la barre de titre). Les fenêtres de dialogue sont des fenêtres qui n'ont pas d'icône de commande système de réduction ni d'agrandissement/restauration dans la barre de titre, ni dans les choix correspondants du menu de commandes système. On les appelle dialogues car leur utilisation normale est uniquement de notifier une information et d'être ensuite immédiatement fermées. Sur les systèmes Mac, les fenêtres de dialogue ont une bordure différente et peuvent prendre la forme de<em>sheets</em>.</p></dd> + <dt>minimizable</dt> + <dd><p>Ce paramètre peut uniquement s'appliquer à des fenêtres de dialogue ; l'utilisation de « minimizable » nécessite <code>dialog=yes</code>. Si <code>minimizable</code> est défini à <var>yes</var>, le nouveau dialogue aura une commande système de réduction dans la barre de titre et il sera possible de le réduire dans la barre des tâches. Toute fenêtre n'étant pas un dialogue est toujours réductible, cette option y sera donc ignorée.</p></dd> + <dt>fullscreen</dt> + <dd><p>Ce paramètre ne fonctionne plus dans Internet Explorer 6 SP2 de la façon dont il le faisait dans Internet Explorer 5.x. La barre des tâches de Windows, ainsi que la barre de titre et la barre d'état de la fenêtre ne sont ni visibles, ni accessibles lorsque le mode plein écran est activé dans IE 5.x. <code>fullscreen</code> ennuie toujours les utilisateurs disposant d'un grand écran ou de plusieurs écrans. Obliger les autres utilisateurs à passer en plein écran avec <code>fullscreen</code> est également extrêmement impopulaire et est considéré comme une tentative impolie d'imposer les préférences d'affichage de l'auteur à l'utilisateur. <code>fullscreen</code> ne fonctionne plus vraiment dans Internet Explorer 6 SP2.</p></dd> </dl> -<dl> - <dt>fullscreen </dt> - <dd>À ne pas utiliser. N'est pas reconnu par Mozilla, et il n'existe aucun plan prévoyant de le faire fonctionner dans Mozilla.</dd> - <dd>Ce paramètre ne fonctionne plus dans Internet Explorer 6 SP2 de la façon dont il le faisait dans Internet Explorer 5.x. La barre des tâches de Windows, ainsi que la barre de titre et la barre d'état de la fenêtre ne sont ni visibles, ni accessibles lorsque le mode plein écran est activé dans IE 5.x.</dd> - <dd><code>fullscreen</code> ennuie toujours les utilisateurs disposant d'un grand écran ou de plusieurs écrans. Obliger les autres utilisateurs à passer en plein écran avec <code>fullscreen</code> est également extrêmement impopulaire et est considéré comme une tentative impolie d'imposer les préférences d'affichage de l'auteur à l'utilisateur.</dd> - <dd><a href="#Note_sur_le_plein_.C3.A9cran_.28fullscreen.29">Note sur fullscreen</a></dd> - <dd>Reconnu par :</dd> - <dd><code>fullscreen</code> ne fonctionne plus vraiment dans Internet Explorer 6 SP2.</dd> -</dl> - -<h4 id="Fonctionnalit.C3.A9s_n.C3.A9cessitant_des_privil.C3.A8ges" name="Fonctionnalit.C3.A9s_n.C3.A9cessitant_des_privil.C3.A8ges">Fonctionnalités nécessitant des privilèges</h4> +<h4 id="Fonctionnalit.C3.A9s_n.C3.A9cessitant_des_privil.C3.A8ges">Fonctionnalités nécessitant des privilèges</h4> <p>Les fonctionnalités suivantes nécessitent le privilège <code>UniversalBrowserWrite</code>, autrement elles seront ignorées. Les scripts chrome bénéficient de ce privilège automatiquement, les autres doivent le demander via le <a href="fr/PrivilegeManager">PrivilegeManager</a>.</p> <dl> - <dt>chrome </dt> - <dd><strong>Note</strong> : à partir de Mozilla 1.7/Firefox 0.9, cette fonctionnalité requiert le privilège <code>UniversalBrowserWrite</code> ({{ Bug(244965) }}). Sans ce privilège, elle est ignorée.</dd> - <dd>Si définie à <var>yes</var>, la page est chargée en tant qu'unique contenu de la fenêtre, sans aucun autre élément de l'interface de navigation. Il n'y aura pas de menu contextuel défini par défaut, et aucun des raccourcis clavier standard ne fonctionnera. La page est supposée fournir sa propre interface utilisateur, et cette fonctionnalité est habituellement utilisée pour ouvrir des documents XUL (les dialogues standard comme la console JavaScript sont ouverts de cette façon).</dd> - <dd>Reconnu par : , , ,</dd> -</dl> - -<dl> - <dt>titlebar </dt> - <dd>Par défaut, toutes les nouvelles fenêtres secondaires ont une barre de titre. Si défini à <var>no</var>, ce paramètre enlève la barre de titre de la nouvelle fenêtre secondaire.</dd> - <dd>Les utilisateurs de Mozilla et Firefox peuvent obliger les nouvelles fenêtres à toujours avoir une barre de titre en positionnant<code>dom.disable_window_open_feature.titlebar</code> à <var>true</var> dans <kbd>about:config</kbd> ou dans leur <a class="external" href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>.</dd> - <dd>Reconnu par : , , ,</dd> -</dl> - -<dl> - <dt>alwaysRaised </dt> + <dt>chrome</dt> + <dd><p><strong>Note</strong> : à partir de Mozilla 1.7/Firefox 0.9, cette fonctionnalité requiert le privilège <code>UniversalBrowserWrite</code> ({{ Bug(244965) }}). Sans ce privilège, elle est ignorée. Si définie à <var>yes</var>, la page est chargée en tant qu'unique contenu de la fenêtre, sans aucun autre élément de l'interface de navigation. Il n'y aura pas de menu contextuel défini par défaut, et aucun des raccourcis clavier standard ne fonctionnera. La page est supposée fournir sa propre interface utilisateur, et cette fonctionnalité est habituellement utilisée pour ouvrir des documents XUL (les dialogues standard comme la console JavaScript sont ouverts de cette façon).</p></dd> + <dt>titlebar</dt> + <dd><p>Par défaut, toutes les nouvelles fenêtres secondaires ont une barre de titre. Si défini à <var>no</var>, ce paramètre enlève la barre de titre de la nouvelle fenêtre secondaire. Les utilisateurs de Mozilla et Firefox peuvent obliger les nouvelles fenêtres à toujours avoir une barre de titre en positionnant<code>dom.disable_window_open_feature.titlebar</code> à <var>true</var> dans <kbd>about:config</kbd> ou dans leur <a href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>.</p></dd> + <dt>alwaysRaised</dt> <dd>Si défini à <var>yes</var>, la nouvelle fenêtre sera toujours affichée par dessus les autres fenêtres du navigateur, qu'elle soit active ou non.</dd> - <dd>Reconnu par : , , ,</dd> -</dl> - -<dl> - <dt>alwaysLowered </dt> - <dd>Si défini à <var>yes</var>, la nouvelle fenêtre créé flottera par dessous sa propre fenêtre parente tant que celle-ci n'est pas réduite. Les fenêtres utilisant alwaysLowered sont souvent appelées pop-under. Celles-ci ne peuvent pas passer au dessus de leur fenêtre parente, mais celle-ci peut être réduite. Dans Netscape 6.x, les fenêtres alwaysLowered n'ont pas de commande système de réduction ni de commande système restaurer/agrandir.</dd> - <dd>Reconnu par : , , ,</dd> -</dl> - -<dl> - <dt>z-lock </dt> + <dt>alwaysLowered</dt> + <dd><p>Si défini à <var>yes</var>, la nouvelle fenêtre créé flottera par dessous sa propre fenêtre parente tant que celle-ci n'est pas réduite. Les fenêtres utilisant alwaysLowered sont souvent appelées pop-under. Celles-ci ne peuvent pas passer au dessus de leur fenêtre parente, mais celle-ci peut être réduite. Dans Netscape 6.x, les fenêtres alwaysLowered n'ont pas de commande système de réduction ni de commande système restaurer/agrandir.</p></dd> + <dt>z-lock</dt> <dd>Identique à <code>alwaysLowered</code>.</dd> -</dl> - -<dl> - <dt>close </dt> - <dd>Lorsque défini à <var>no</var>, ce paramètre supprime l'icône système de fermeture de la fenêtre, et l'élément de menu correspondant. Il fonctionnera uniquement pour les fenêtres de dialogue (avec la fonctionnalité <code>dialog</code> activée). <code>close=no</code> a précédence sur <code>minimizable=yes</code>.</dd> - <dd>Les utilisateurs de Mozilla et Firefox peuvent obliger les nouvelles fenêtres à toujours avoir un bouton de fermeture en positionnant <code>dom.disable_window_open_feature.close</code> à <var>true</var> dans <kbd>about:config</kbd> ou dans leur <a class="external" href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>.</dd> - <dd>Reconnu par : , , ,</dd> + <dt>close</dt> + <dd><p>Lorsque défini à <var>no</var>, ce paramètre supprime l'icône système de fermeture de la fenêtre, et l'élément de menu correspondant. Il fonctionnera uniquement pour les fenêtres de dialogue (avec la fonctionnalité <code>dialog</code> activée). <code>close=no</code> a précédence sur <code>minimizable=yes</code>.Les utilisateurs de Mozilla et Firefox peuvent obliger les nouvelles fenêtres à toujours avoir un bouton de fermeture en positionnant <code>dom.disable_window_open_feature.close</code> à <var>true</var> dans <kbd>about:config</kbd> ou dans leur <a href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>.</p></dd> </dl> <p>Les fonctionnalités de position et de taille nécessitent d'être accompagnées d'un nombre. Les fonctionnalités de barres d'outils et de fenêtre peuvent être accompagnées de <var>yes</var> (oui) ou <var>no</var> (non) ; il est également possible d'utiliser <var>1</var> à la place de <var>yes</var> et <var>0</var> à la place de <var>no</var>. Les fonctionnalités de barres d'outils et de fenêtre acceptent aussi une forme raccourcie : vous pouvez activer une fonctionnalité en listant simplement son nom dans la chaîne <var>strWindowFeatures</var>. Si vous fournissez le paramètre <var>strWindowFeatures</var>, les fonctionnalités <code>titlebar</code> et <code>close</code> sont toujours à <var>yes</var> par défaut, mais les autres fonctionnalités présentant un choix <var>yes</var>/<var>no</var> seront à <var>no</var> par défaut et seront donc désactivées.</p> @@ -340,7 +187,7 @@ function openRequestedPopup() { <p>Dans cet exemple, la fenêtre sera redimensionnable, elle affichera des barres de défilement si nécessaire (si le contenu dépasse les dimensions de fenêtre demandées) et affichera la barre d'état. Elle n'affichera pas la barre de menus ni la barre d'adresse. Comme l'auteur connaissait la taille de l'image (400 pixels de large et 200 pixels de haut), il a ajouté les marges appliquées à l'élément racine dans Internet Explorer 6, c'est-à-dire 15 pixels en haut, 15 pixels en bas, 10 pixels à gauche et 10 pixels à droite.</p> -<h3 id="Bonnes_pratiques" name="Bonnes_pratiques">Bonnes pratiques</h3> +<h3 id="Bonnes_pratiques">Bonnes pratiques</h3> <pre><script type="text/javascript"> var WindowObjectReference = null; // variable globale @@ -375,9 +222,9 @@ l'adoption de Firefox</a></p> <p>Plus d'informations sur l'utilisation de l'attribut target :</p> -<p><a class="external" href="http://www.la-grange.net/w3c/html4.01/present/frames.html#h-16.3.2">HTML 4.01, section 16.3.2 La sémantique de cible</a></p> +<p><a href="http://www.la-grange.net/w3c/html4.01/present/frames.html#h-16.3.2">HTML 4.01, section 16.3.2 La sémantique de cible</a></p> -<p><a class="external" href="http://www.htmlhelp.com/fr/faq/html/links.html#new-window">Comment créer un lien qui ouvre une nouvelle fenêtre?</a></p> +<p><a href="http://www.htmlhelp.com/fr/faq/html/links.html#new-window">Comment créer un lien qui ouvre une nouvelle fenêtre?</a></p> <p>Vous pouvez également paramétriser la fonction pour la rendre polyvalente, fonctionnelle dans plus de situations, et donc réutilisable dans d'autres scripts et pages Web :</p> @@ -445,99 +292,49 @@ title="Ce lien créera une nouvelle fenêtre ou en réutilisera une déjà ouver de Firefox</a></p> </pre> -<h3 id="FAQ" name="FAQ">FAQ</h3> +<h3 id="FAQ">FAQ</h3> <dl> <dt>Comment empêcher l'apparition du message de confirmation demandant à l'utilisateur s'il veut fermer la fenêtre ?</dt> - <dd>Vous ne pouvez pas. <strong>La règle est que les nouvelles fenêtres qui ne sont pas ouvertes par JavaScript ne peuvent pas être fermées par JavaScript.</strong> La console JavaScript dans les navigateurs basés sur Mozilla affichera le message d'avertissement suivant : <code>"Scripts may not close windows that were not opened by script."</code> Si c'était possible, l'historique des URL visitées durant la session de navigation serait perdu au détriment de l'utilisateur.</dd> - <dd><a href="fr/DOM/window.close">Plus de détails sur la méthode window.close()</a></dd> -</dl> - -<dl> + <dd>Vous ne pouvez pas. <strong>La règle est que les nouvelles fenêtres qui ne sont pas ouvertes par JavaScript ne peuvent pas être fermées par JavaScript.</strong> La console JavaScript dans les navigateurs basés sur Mozilla affichera le message d'avertissement suivant : <code>"Scripts may not close windows that were not opened by script."</code> Si c'était possible, l'historique des URL visitées durant la session de navigation serait perdu au détriment de l'utilisateur. <a href="fr/DOM/window.close">Plus de détails sur la méthode window.close()</a></dd> <dt>Comment ramener la fenêtre si elle est réduite ou masquée par une autre fenêtre ?</dt> <dd>Vérifiez d'abord l'existence de la référence à l'objet window, et si celle-ci existe et n'a pas été fermée, utilisez la méthode <a href="fr/DOM/window.focus">focus()</a>. Il n'y a pas d'autre manière fiable. Un <a href="#Bonnes_pratiques">exemple montrant comment utiliser la méthode focus()</a> est présenté ci-dessus.</dd> -</dl> - -<dl> <dt>Comment forcer une fenêtre à être agrandie/maximisée ?</dt> <dd>Ce n'est pas possible. Tous les fabricants de navigateurs essaient de rendre l'ouverture d'une nouvelle fenêtre visible et remarquée par les utilisateurs, afin d'éviter de les désorienter.</dd> -</dl> - -<dl> <dt>Comment désactiver le redimensionnement des fenêtres ou supprimer les barres d'outils ?</dt> <dd>Il n'est pas possible de l'imposer. Les utilisateurs de navigateurs basés sur Mozilla ont un contrôle absolu sur les fonctionnalités des fenêtres comme le fait de pouvoir les redimensionner, de les faire défiler et la présence de barres d'outils via les préférences utilisateur dans <code>about:config</code>. Comme vos utilisateurs sont ceux qui sont supposés utiliser de telles fenêtres (et non vous en tant qu'auteur), le mieux est d'éviter d'interférer avec leurs habitudes et préférences. Il est recommandé de toujours positionner la redimensionnabilité et la présence de barres de défilement (si nécessaire) à <code>yes</code> pour assurer l'accessibilité au contenu et l'utilisabilité des fenêtres. Ceci est dans l'intérêt tant de l'auteur Web que de ses utilisateurs.</dd> -</dl> - -<dl> <dt>Comment redimensionner une fenêtre en fonction de son contenu ?</dt> - <dd>Ce n'est pas faisable de manière fiable, car les utilisateurs peuvent empêcher la fenêtre d'être redimensionnée en décochant la case <code style="white-space: normal;">Édition/Préférences/Avancé/Scripts & plugins/Autoriser les scripts à/ Déplacer ou redimensionner des fenêtres existantes</code> dans Mozilla ou <code style="white-space: normal;">Outils/Options/Contenu/Activer JavaScript/Bouton Avancé/Déplacer ou redimensionner des fenêtres existantes</code> dans Firefox, ou en positionnant <code>dom.disable_window_move_resize</code> à <var>true</var> dans <kbd>about:config</kbd> ou encore en éditant leur <a class="external" href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>.</dd> -</dl> - -<dl> - <dd>En général, les utilisateurs désactivent le déplacement et le redimensionnement des fenêtres, étant donné qu'autoriser les scripts à le faire a été la source d'énormément d'abus dans le passé, et les rares scripts qui n'en abusent pas sont souvent incorrects dans leur manière de redimensionner la fenêtre. 99% de ces scripts désactivent le redimensionnement manuel des fenêtres et les barres de défilement alors qu'ils devraient en fait activer ces deux fonctionnalités pour permettre un mécanisme de récupération sain et circonspect dans le cas où leurs calculs s'avèreraient incorrects.</dd> -</dl> - -<dl> - <dd>La méthode <a href="fr/DOM/window.sizeToContent">sizeToContent()</a> de l'objet window est également désactivée si l'utilisateur décoche la préférence <code>Déplacer ou redimensionner des fenêtres existantes</code>. Déplacer et redimensionner une fenêtre à distance sur l'écran de l'utilisateur l'ennuiera très souvent, le désorientera, et au mieux sera incorrect. Les auteurs Web espèrent souvent avoir un contrôle absolu (et un pouvoir de décision) sur tous les aspects de positionnement et de taille des fenêtres de l'utilisateur ... ce qui n'est tout simplement pas vrai.</dd> -</dl> - -<dl> + <dd><p>Ce n'est pas faisable de manière fiable, car les utilisateurs peuvent empêcher la fenêtre d'être redimensionnée en décochant la case <code>Édition/Préférences/Avancé/Scripts & plugins/Autoriser les scripts à/ Déplacer ou redimensionner des fenêtres existantes</code> dans Mozilla ou <code>Outils/Options/Contenu/Activer JavaScript/Bouton Avancé/Déplacer ou redimensionner des fenêtres existantes</code> dans Firefox, ou en positionnant <code>dom.disable_window_move_resize</code> à <var>true</var> dans <kbd>about:config</kbd> ou encore en éditant leur <a href="http://www.mozilla.org/support/firefox/edit#user">fichier user.js</a>. En général, les utilisateurs désactivent le déplacement et le redimensionnement des fenêtres, étant donné qu'autoriser les scripts à le faire a été la source d'énormément d'abus dans le passé, et les rares scripts qui n'en abusent pas sont souvent incorrects dans leur manière de redimensionner la fenêtre. 99% de ces scripts désactivent le redimensionnement manuel des fenêtres et les barres de défilement alors qu'ils devraient en fait activer ces deux fonctionnalités pour permettre un mécanisme de récupération sain et circonspect dans le cas où leurs calculs s'avèreraient incorrects.</p><p>La méthode <a href="fr/DOM/window.sizeToContent">sizeToContent()</a> de l'objet window est également désactivée si l'utilisateur décoche la préférence <code>Déplacer ou redimensionner des fenêtres existantes</code>. Déplacer et redimensionner une fenêtre à distance sur l'écran de l'utilisateur l'ennuiera très souvent, le désorientera, et au mieux sera incorrect. Les auteurs Web espèrent souvent avoir un contrôle absolu (et un pouvoir de décision) sur tous les aspects de positionnement et de taille des fenêtres de l'utilisateur ... ce qui n'est tout simplement pas vrai.</p></dd> <dt>Comment ouvrir une ressource référencée par un lien dans un nouvel onglet ? ou dans un onglet spécifique ?</dt> - <dd>Pour l'instant, ce n'est pas possible. Seul l'utilisateur peut modifier ses préférences avancées pour faire cela. <a class="external" href="http://kmeleon.sourceforge.net/">K-meleon 1.1</a>, un navigateur basé sur Mozilla, donne un contrôle et un pouvoir complet à l'utilisateur sur la manière dont les liens sont ouverts. Certaines extensions avancées donnent également à Mozilla et Firefox un grand pouvoir concernant la manière dont les ressources référencées sont chargées.</dd> -</dl> - -<dl> - <dd>Dans quelques années, la <a class="external" href="http://www.w3.org/TR/2004/WD-css3-hyperlinks-20040224/#target0">propriété target du module CSS3 hyperlien</a> pourrait être implémentée (si le module CSS3 Hyperlink tel qu'il existe à présent est approuvé). Même si cela se fait et lorsque cela se produira, attendez-vous à ce que les développeurs de navigateurs utilisant des onglets donnent un pouvoir de veto à l'utilisateur et un contrôle total de la façon dont les liens peuvent ouvrir des pages Web. La façon d'ouvrir un lien devrait toujours être entièrement sous le contrôle de l'utilisateur.</dd> -</dl> - -<dl> + <dd>Pour l'instant, ce n'est pas possible. Seul l'utilisateur peut modifier ses préférences avancées pour faire cela. <a href="http://kmeleon.sourceforge.net/">K-meleon 1.1</a>, un navigateur basé sur Mozilla, donne un contrôle et un pouvoir complet à l'utilisateur sur la manière dont les liens sont ouverts. Certaines extensions avancées donnent également à Mozilla et Firefox un grand pouvoir concernant la manière dont les ressources référencées sont chargées. Dans quelques années, la <a href="http://www.w3.org/TR/2004/WD-css3-hyperlinks-20040224/#target0">propriété target du module CSS3 hyperlien</a> pourrait être implémentée (si le module CSS3 Hyperlink tel qu'il existe à présent est approuvé). Même si cela se fait et lorsque cela se produira, attendez-vous à ce que les développeurs de navigateurs utilisant des onglets donnent un pouvoir de veto à l'utilisateur et un contrôle total de la façon dont les liens peuvent ouvrir des pages Web. La façon d'ouvrir un lien devrait toujours être entièrement sous le contrôle de l'utilisateur.</dd> <dt>Comment savoir si une fenêtre que j'ai ouverte l'est toujours ?</dt> <dd>Vous pouvez tester l'existence de la référence à l'objet window, qui est la valeur renvoyée en cas de succès de l'appel à window.open(), et vérifier ensuite que la valeur renvoyée par <var>WindowObjectReference</var>.closed est bien <var>false</var>.</dd> -</dl> - -<dl> <dt>Comment savoir si ma fenêtre a été bloquée par un bloqueur de popups ?</dt> <dd>Avec les bloqueurs de popups intégrés dans Mozilla/Firefox et Internet Explorer 6 SP2, il est possible de vérifier la valeur renvoyée par <code>window.open()</code> : elle sera <var>null</var> si la fenêtre n'a pas été autorisée à s'ouvrir. Cependant, pour la plupart des autres bloqueurs de popups, il n'existe pas de manière fiable.</dd> -</dl> - -<dl> <dt>Quelle est la relation JavaScript entre la fenêtre principale et la fenêtre secondaire ?</dt> <dd>La valeur renvoyée par la méthode window.open() est la propriété <a href="fr/DOM/window.opener">opener</a>. La variable <var>WindowObjectReference</var> lie la fenêtre principale (opener) à la fenêtre secondaire qu'elle a ouverte, tandis que le mot-clé <code>opener</code> liera la fenêtre secondaire à sa fenêtre principale (celle qui a déclenché son ouverture).</dd> + <dt>Je n'arrive pas à accéder aux propriétés de la nouvelle fenêtre secondaire. J'obtiens toujours une erreur dans la console JavaScript disant « Erreur : uncaught exception: Permission denied to get property <property_name or method_name> ». Pourquoi cela ?</dt> + <dd><p>Ceci est causé par la restriction de sécurité des scripts entre domaines (aussi appelée<em>Same Origin Policy</em> , « Politique de même origine »). Un script chargé dans une fenêtre (ou cadre) d'une origine donnée (nom de domaine) <strong>ne peut pas obtenir ou modifier</strong> des propriétés d'une autre fenêtre (ou cadre) ou les propriétés d'aucun de ses objets HTML si celle-ci provient d'une autre origine distincte (nom de domaine). C'est pourquoi, avant d'exécuter un script se référant à une fenêtre secondaire depuis la fenêtre principale, le navigateur vérifiera que la fenêtre secondaire possède le même nom de domaine. Plus d'informations à propos de la restriction de sécurité des scripts entre domaines : <a href="http://www.mozilla.org/projects/security/components/same-origin.html">http://www.mozilla.org/projects/secu...me-origin.html</a></p></dd> </dl> -<dl> - <dt>Je n'arrive pas à accéder aux propriétés de la nouvelle fenêtre secondaire. J'obtiens toujours une erreur dans la console JavaScript disant « Erreur <span class="nowiki">:</span> uncaught exception<span class="nowiki">:</span> Permission denied to get property <property_name or method_name> ». Pourquoi cela ?</dt> - <dd>Ceci est causé par la restriction de sécurité des scripts entre domaines (aussi appelée<em>Same Origin Policy</em> , « Politique de même origine »). Un script chargé dans une fenêtre (ou cadre) d'une origine donnée (nom de domaine) <strong>ne peut pas obtenir ou modifier</strong> des propriétés d'une autre fenêtre (ou cadre) ou les propriétés d'aucun de ses objets HTML si celle-ci provient d'une autre origine distincte (nom de domaine). C'est pourquoi, avant d'exécuter un script se référant à une fenêtre secondaire depuis la fenêtre principale, le navigateur vérifiera que la fenêtre secondaire possède le même nom de domaine.</dd> - <dd>Plus d'informations à propos de la restriction de sécurité des scripts entre domaines : <a class="external" href="http://www.mozilla.org/projects/security/components/same-origin.html" rel="freelink">http://www.mozilla.org/projects/secu...me-origin.html</a></dd> -</dl> +<h3 id="Probl.C3.A8mes_d.27utilisabilit.C3.A9">Problèmes d'utilisabilité</h3> -<h3 id="Probl.C3.A8mes_d.27utilisabilit.C3.A9" name="Probl.C3.A8mes_d.27utilisabilit.C3.A9">Problèmes d'utilisabilité</h3> - -<h4 id=".C3.89vitez_de_recourir_.C3.A0_window.open.28.29" name=".C3.89vitez_de_recourir_.C3.A0_window.open.28.29">Évitez de recourir à <code>window.open()</code></h4> +<h4 id=".C3.89vitez_de_recourir_.C3.A0_window.open.28.29">Évitez de recourir à <code>window.open()</code></h4> <p>De manière générale, il est préférable d'éviter d'utiliser window.open() pour plusieurs raisons :</p> <ul> <li>Tous les navigateurs basés sur Mozilla offrent la navigation par onglets, et il s'agit du mode préféré pour ouvrir des ressources référencées… pas seulement dans le cas des navigateurs basés sur Mozilla, mais dans tous les autres navigateurs offrant la navigation par onglets. En d'autres mots, les utilisateurs de navigateurs utilisant des onglets préfèrent ouvrir des onglets que des fenêtres dans la plupart des situations. Ce type de navigateur gagne rapidement en popularité depuis plusieurs années et cette tendance ne semble pas près de s'arrêter. La version 7 d'Internet Explorer sortie en octobre 2006 propose également la navigation par onglets.</li> -</ul> - -<ul> - <li>Il existe à présent <a class="link-https" href="https://addons.update.mozilla.org/extensions/showlist.php?application=mozilla&category=Tabbed+Browsing&numpg=50&os=windows&version=auto-detect&submit=Update">plusieurs extensions à Mozilla</a> (comme Multizilla) et <a class="link-https" href="https://addons.update.mozilla.org/extensions/showlist.php?application=firefox&version=1.0+&os=Windows&category=Tabbed%20Browsing">à Firefox</a> (comme <a class="link-https" href="https://addons.update.mozilla.org/extensions/moreinfo.php?application=firefox&version=1.0%20&os=Windows&category=Tabbed%20Browsing&numpg=10&id=158">Tabbrowser preferences</a>), fonctionnalités et préférences avancées basées sur la navigation par onglets, sur la conversion des appels à window.open() en ouvertures d'onglets, et sur la neutralisation des appels à window.open(). En particulier, afin de neutraliser l'ouverture de nouvelles fenêtres non demandées (souvent présentés comme bloquant les fenêtre popups non sollicitées ou les ouvertures automatiques de fenêtres par des scripts). Parmi ces fonctionnalités qu'on peut retrouver dans des extensions, il y a l'ouverture d'un lien dans une nouvelle fenêtre ou non, dans la même fenêtre, dans un nouvel onglet ou non, en arrière-plan ou non. Coder sans réfléchir pour ouvrir de nouvelles fenêtres n'est plus assuré de succès, ne pourra pas se faire par la force, et dans le cas où l'auteur Web y parvient, ne fera qu'ennuyer la majorité des utilisateurs.</li> -</ul> - -<ul> + <li>Il existe à présent <a href="https://addons.update.mozilla.org/extensions/showlist.php?application=mozilla&category=Tabbed+Browsing&numpg=50&os=windows&version=auto-detect&submit=Update">plusieurs extensions à Mozilla</a> (comme Multizilla) et <a href="https://addons.update.mozilla.org/extensions/showlist.php?application=firefox&version=1.0+&os=Windows&category=Tabbed%20Browsing">à Firefox</a> (comme <a href="https://addons.update.mozilla.org/extensions/moreinfo.php?application=firefox&version=1.0%20&os=Windows&category=Tabbed%20Browsing&numpg=10&id=158">Tabbrowser preferences</a>), fonctionnalités et préférences avancées basées sur la navigation par onglets, sur la conversion des appels à window.open() en ouvertures d'onglets, et sur la neutralisation des appels à window.open(). En particulier, afin de neutraliser l'ouverture de nouvelles fenêtres non demandées (souvent présentés comme bloquant les fenêtre popups non sollicitées ou les ouvertures automatiques de fenêtres par des scripts). Parmi ces fonctionnalités qu'on peut retrouver dans des extensions, il y a l'ouverture d'un lien dans une nouvelle fenêtre ou non, dans la même fenêtre, dans un nouvel onglet ou non, en arrière-plan ou non. Coder sans réfléchir pour ouvrir de nouvelles fenêtres n'est plus assuré de succès, ne pourra pas se faire par la force, et dans le cas où l'auteur Web y parvient, ne fera qu'ennuyer la majorité des utilisateurs.</li> <li>Les nouvelles fenêtres peuvent avoir leur barre de menu, leurs barres de défilement, leur barre d'état, leur redimensionnabilité etc. désactivées. Ceci n'est pas possible avec de nouveaux onglets. Par conséquent, de nombreux utilisateurs préfèrent utiliser des onglets étant donné que l'interface de leur navigateur est laissée intacte et reste stable.</li> -</ul> - -<ul> <li>L'ouverture de nouvelles fenêtres, même avec leurs fonctionnalités réduites, utilise des ressources système considérables sur l'ordinateur de l'utilisateur (processeur, mémoire RAM) et met en jeu une grande quantité de code à exécuter (gestion de la sécurité, de la mémoire, diverses options de code parfois assez complexes, la construction du cadre de la fenêtre, des barres d'outils de la fenêtre, son positionnement et sa taille, etc.). L'ouverture de nouveaux onglets demande nettement moins de ressources système et est plus rapide à exécuter que d'ouvrir de nouvelles fenêtres.</li> </ul> -<h4 id="Offrez_d.27ouvrir_un_lien_dans_une_nouvelle_fen.C3.AAtre.2C_en_suivant_ces_recommandations" name="Offrez_d.27ouvrir_un_lien_dans_une_nouvelle_fen.C3.AAtre.2C_en_suivant_ces_recommandations">Offrez d'ouvrir un lien dans une nouvelle fenêtre, en suivant ces recommandations</h4> +<h4 id="Offrez_d.27ouvrir_un_lien_dans_une_nouvelle_fen.C3.AAtre.2C_en_suivant_ces_recommandations">Offrez d'ouvrir un lien dans une nouvelle fenêtre, en suivant ces recommandations</h4> <p>Si vous voulez permettre l'ouverture d'un lien dans une nouvelle fenêtre, suivez ces règles d'utilisabilité et d'accessibilité testées et éprouvées :</p> -<h5 id="N.27utilisez_jamais_ce_format_de_code_pour_les_liens_.3Ca_href.3D.22javascriptwindow.open.28....29.22_....3E" name="N.27utilisez_jamais_ce_format_de_code_pour_les_liens_:.3Ca_href.3D.22javascript:window.open.28....29.22_....3E">N'utilisez <em>jamais</em> ce format de code pour les liens :<br> +<h5 id="N.27utilisez_jamais_ce_format_de_code_pour_les_liens_.3Ca_href.3D.22javascriptwindow.open.28....29.22_....3E">N'utilisez <em>jamais</em> ce format de code pour les liens :<br> <code><a href="javascript:window.open(...)" ...></code></h5> <p>Les liens « javascript: » sont toujours mauvais pour l'accessibilité et l'utilisabilité des pages Web dans tous les navigateurs.</p> @@ -546,7 +343,7 @@ de Firefox</a></p> <li>Les pseudo-liens « javascript:» ne fonctionnent plus du tout lorsque la gestion de JavaScript est désactivée ou inexistante. Certaines sociétés n'autorisent leurs employés à utiliser le Web que suivant des politiques de sécurité très strictes : JavaScript désactivé, pas de Java, pas d'ActiveX, pas de Flash. Pour diverses raisons (sécurité, accès public, navigateurs texte, etc.), environ 5% à 10% des utilisateurs naviguent sur le Web avec JavaScript désactivé.</li> <li>Les liens « javascript: » interfèrent avec les fonctionnalités avancées de la navigation par onglets : entre autres, le clic du milieu sur des liens, le raccourci Ctrl+clic sur un lien, les fonctions de certaines extensions, etc.</li> <li>Les liens « javascript: » interfèrent avec le processus d'indexation des pages Web par les moteurs de recherche.</li> - <li>Les liens « javascript: » interfèrent avec les technologies d'assistance (par exemple les lecteurs vocaux) et diverses applications utilisant le Web (par exemple les <abbr title="Personal Digital Assistant (assistant personnel numérique)">PDA</abbr> ou les navigateurs pour mobiles).</li> + <li>Les liens « javascript: » interfèrent avec les technologies d'assistance (par exemple les lecteurs vocaux) et diverses applications utilisant le Web (par exemple les <abbr>PDA</abbr> ou les navigateurs pour mobiles).</li> <li>Les liens « javascript: » interfèrent également avec les fonctionnalités de « mouse gestures » proposées par certains navigateurs.</li> <li>Le schéma de protocole « javascript: » sera rapporté comme une erreur par les validateurs et vérificateurs de liens.</li> </ul> @@ -554,16 +351,16 @@ de Firefox</a></p> <p><strong>Plus d'informations à ce sujet :</strong></p> <ul> - <li><a class="external" href="http://www.useit.com/alertbox/20021223.html">Top Ten Web-Design Mistakes of 2002</a>, 6. JavaScript in Links, Jakob Nielsen, Décembre 2002</li> - <li><a class="external" href="http://www.evolt.org/article/Links_and_JavaScript_Living_Together_in_Harmony/17/20938/">Links & JavaScript Living Together in Harmony</a>, Jeff Howden, Février 2002</li> - <li><a class="external" href="http://jibbering.com/faq/#FAQ4_24">FAQ de la discussion dans le newsgroup comp.lang.javascript sur les liens "javascript:"</a></li> + <li><a href="http://www.useit.com/alertbox/20021223.html">Top Ten Web-Design Mistakes of 2002</a>, 6. JavaScript in Links, Jakob Nielsen, Décembre 2002</li> + <li><a href="http://www.evolt.org/article/Links_and_JavaScript_Living_Together_in_Harmony/17/20938/">Links & JavaScript Living Together in Harmony</a>, Jeff Howden, Février 2002</li> + <li><a href="http://jibbering.com/faq/#FAQ4_24">FAQ de la discussion dans le newsgroup comp.lang.javascript sur les liens "javascript:"</a></li> </ul> -<h5 id="N.27utilisez_jamais_.3Ca_href.3D.22.23.22_onclick.3D.22window.open.28....29.3B.22.3E" name="N.27utilisez_jamais_.3Ca_href.3D.22.23.22_onclick.3D.22window.open.28....29.3B.22.3E">N'utilisez jamais <code><a href="#" onclick="window.open(...);"></code></h5> +<h5 id="N.27utilisez_jamais_.3Ca_href.3D.22.23.22_onclick.3D.22window.open.28....29.3B.22.3E">N'utilisez jamais <code><a href="#" onclick="window.open(...);"></code></h5> <p>Un tel pseudo-lien met également en péril l'accessibilité des liens. <strong>Utilisez toujours une véritable URL pour la valeur de l'attribut href</strong>, afin que si JavaScript s'avère désactivé ou absent, ou si le navigateur ne peut pas ouvrir de fenêtre secondaire (comme Microsoft Web TV, les navigateurs en mode texte, etc.), de tels navigateurs pourront toujours charger la référence référencée dans leur mode de chargement/gestion de nouvelles ressources par défaut. Cette forme de code interfère également avec les fonctionnalités avancées de navigation par onglets de certains navigateurs, comme le clic du milieu et les raccourcis Ctrl+clic et Ctrl+Entrée sur les liens, les « mouse gestures », etc.</p> -<h5 id="Identifiez_toujours_les_liens_qui_cr.C3.A9eront_.28ou_r.C3.A9utiliseront.29_une_nouvelle_fen.C3.AAtre_secondaire" name="Identifiez_toujours_les_liens_qui_cr.C3.A9eront_.28ou_r.C3.A9utiliseront.29_une_nouvelle_fen.C3.AAtre_secondaire">Identifiez toujours les liens qui créeront (ou réutiliseront) une nouvelle fenêtre secondaire</h5> +<h5 id="Identifiez_toujours_les_liens_qui_cr.C3.A9eront_.28ou_r.C3.A9utiliseront.29_une_nouvelle_fen.C3.AAtre_secondaire">Identifiez toujours les liens qui créeront (ou réutiliseront) une nouvelle fenêtre secondaire</h5> <p>Identifiez les liens qui ouvriront de nouvelles fenêtre de manière à aider les utilisateurs en utilisant l'attribut <code>title</code> du lien, en ajoutant une icône à la fin du lien, ou en modifiant le curseur de la souris.</p> @@ -571,7 +368,7 @@ de Firefox</a></p> <blockquote> <p>« Souvent, les utilisateurs ne remarquent pas qu'une nouvelle fenêtre s'est ouverte, particulièrement si ils utilisent un petit écran où les fenêtres sont agrandies pour utiliser toute la surface de l'écran. Ainsi, l'utilisateur voulant retourner à la page initiale sera dérouté par un bouton<em>Précédente</em> grisé. »<br> - citation de <a class="external" href="http://www.useit.com/alertbox/990530.html">The Top Ten<em>New</em> Mistakes of Web Design</a>: 2. Opening New Browser Windows, Jakob Nielsen, mai 1999</p> + citation de <a href="http://www.useit.com/alertbox/990530.html">The Top Ten<em>New</em> Mistakes of Web Design</a>: 2. Opening New Browser Windows, Jakob Nielsen, mai 1999</p> </blockquote> <p>Lorsque des changements complets de contexte sont identifiés explicitement avant qu'ils se produisent, l'utilisateur peut déterminer s'il désire le faire ou s'y préparer : non seulement il ne sera pas perturbé ni désorienté, mais des utilisateurs plus expérimentés pourront eux-mêmes décider comment ouvrir de tels liens (dans une nouvelle fenêtre ou non, dans la même fenêtre, dans un nouvel onglet ou non, en arrière-plan ou non).</p> @@ -579,75 +376,39 @@ de Firefox</a></p> <p><strong>Références</strong></p> <ul> - <li>« Si votre lien crée une nouvelle fenêtre, ou fait apparaitre d'autres fenêtres sur votre affichage, ou déplace le focus du système vers un autre cadre ou une autre fenêtre, alors la chose sympathique à faire est d'indiquer à l'utilisateur que quelque chose de ce genre va se produire. » <a class="external" href="http://www.w3.org/WAI/wcag-curric/sam77-0.htm">World Wide Web Consortium Accessibility Initiative regarding popups</a></li> - <li>« Utilisez les titres de liens pour donner aux utilisateurs un aperçu d'où chaque lien les emmènera, avant qu'ils aient cliqué dessus. » <a class="external" href="http://www.useit.com/alertbox/991003.html">Ten Good Deeds in Web Design</a>, Jakob Nielsen, octobre 1999</li> - <li><a class="external" href="http://www.useit.com/alertbox/980111.html">Using Link Titles to Help Users Predict Where They Are Going</a>, Jakob Nielsen, janvier 1998</li> + <li>« Si votre lien crée une nouvelle fenêtre, ou fait apparaitre d'autres fenêtres sur votre affichage, ou déplace le focus du système vers un autre cadre ou une autre fenêtre, alors la chose sympathique à faire est d'indiquer à l'utilisateur que quelque chose de ce genre va se produire. » <a href="http://www.w3.org/WAI/wcag-curric/sam77-0.htm">World Wide Web Consortium Accessibility Initiative regarding popups</a></li> + <li>« Utilisez les titres de liens pour donner aux utilisateurs un aperçu d'où chaque lien les emmènera, avant qu'ils aient cliqué dessus. » <a href="http://www.useit.com/alertbox/991003.html">Ten Good Deeds in Web Design</a>, Jakob Nielsen, octobre 1999</li> + <li><a href="http://www.useit.com/alertbox/980111.html">Using Link Titles to Help Users Predict Where They Are Going</a>, Jakob Nielsen, janvier 1998</li> </ul> -<table class="standard-table"> - <tbody> - <tr> - <td class="header" colspan="4">Exemples de curseurs et icônes « Nouvelle fenêtre »</td> - </tr> - <tr> - <td style="width: 25%;"></td> - <td style="width: 25%;"></td> - <td style="width: 25%;"></td> - <td style="width: 25%;"></td> - </tr> - <tr> - <td></td> - <td></td> - <td></td> - <td></td> - </tr> - <tr> - <td></td> - <td></td> - <td></td> - <td></td> - </tr> - <tr> - <td colspan="2"></td> - <td colspan="2"></td> - </tr> - </tbody> -</table> - -<h5 id="Utilisez_toujours_l.27attribut_target" name="Utilisez_toujours_l.27attribut_target">Utilisez toujours l'attribut target</h5> +<h5 id="Utilisez_toujours_l.27attribut_target">Utilisez toujours l'attribut target</h5> <p>Si JavaScript est désactivé ou absent, le navigateur créera une fenêtre secondaire ou affichera la ressource demandée selon sa gestion habituelle de l'attribut target : par exemple certains navigateurs ne pouvant pas créer de nouvelles fenêtres comme Microsoft Web TV, chargeront la ressource demandée et l'ajouteront à la fin du document courant. Le but et l'idée est d'essayer de fournir — <strong>sans l'imposer</strong> — à l'utilisateur une manière d'ouvrir la ressource référencée, de suivre le lien. Votre code ne doit pas interférer avec les fonctionnalités du navigateur à disposition de l'utilisateur, et doit toujours lui laisser le chemin libre et le choix de la décision finale.</p> -<h5 id="N.27utilisez_pas_target.3D.22_blank.22" name="N.27utilisez_pas_target.3D.22_blank.22">N'utilisez pas <code>target="_blank"</code></h5> +<h5 id="N.27utilisez_pas_target.3D.22_blank.22">N'utilisez pas <code>target="_blank"</code></h5> <p>Fournissez toujours un nom significatif dans votre attribut target, et essayez de le réutiliser dans votre page afin qu'un clic sur un autre lien puisse charger la ressource dans une fenêtre déjà utilisée (ce qui rend l'opération beaucoup plus rapide pour l'utilisateur), ce qui justifie la raison (et les ressources système, et le temps dépensé) d'avoir créé une fenêtre secondaire. Utiliser une seule cible et la réutiliser pour plusieurs liens est bien moins gourmand en matière de ressources puisqu'une seule fenêtre est créée et recyclée. D'un autre côté, utiliser « _blank » comme attribut target créera plusieurs nouvelles fenêtre anonymes sur le bureau de l'utilisateur qui ne peuvent ni être recyclées ni réutilisées.</p> <p>Dans tous les cas, si votre code est bien fait, il ne devrait pas interférer avec le choix final de l'utilisateur mais lui offrira plutôt des choix supplémentaires, plus de façons d'ouvrir les liens et plus de pouvoir sur l'outil qu'il utilise (son navigateur).</p> -<h3 id="Glossaire" name="Glossaire">Glossaire</h3> +<h3 id="Glossaire">Glossaire</h3> <dl> - <dt>Fenêtre ouvrante, opener, fenêtre parente, fenêtre principale, première fenêtre </dt> + <dt>Fenêtre ouvrante, opener, fenêtre parente, fenêtre principale, première fenêtre</dt> <dd>Termes souvent utilisés pour décrire ou identifier la même fenêtre. Il s'agit de la fenêtre depuis laquelle une nouvelle fenêtre sera créée. C'est la fenêtre dans laquelle l'utilisateur clique sur un lien qui mène à la création d'une autre, nouvelle fenêtre.</dd> -</dl> - -<dl> - <dt>Sous-fenêtre, fenêtre enfant, fenêtre secondaire, deuxième fenêtre </dt> + <dt>Sous-fenêtre, fenêtre enfant, fenêtre secondaire, deuxième fenêtre</dt> <dd>Termes souvent utilisés pour décrire ou identifier la même fenêtre. C'est la nouvelle fenêtre qui a été créée.</dd> -</dl> - -<dl> - <dt>Fenêtres popup non sollicitées </dt> + <dt>Fenêtres popup non sollicitées</dt> <dd>Ouverture automatique de fenêtres initiée par un script sans le consentement de l'utilisateur.</dd> </dl> -<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3> +<h3 id="Sp.C3.A9cification">Spécification</h3> -<p>{{ DOM0() }} <code>window.open()</code> ne fait partie d'aucune spécification ou recommandation technique du <abbr title="World Wide Web Consortium">W3C</abbr>.</p> +<p>{{ DOM0() }} <code>window.open()</code> ne fait partie d'aucune spécification ou recommandation technique du <abbr>W3C</abbr>.</p> -<h3 id="Notes" name="Notes">Notes</h3> +<h3 id="Notes">Notes</h3> -<h4 id="Note_sur_les_priorit.C3.A9s" name="Note_sur_les_priorit.C3.A9s">Note sur les priorités</h4> +<h4 id="Note_sur_les_priorit.C3.A9s">Note sur les priorités</h4> <p>Dans les cas où <code>left</code> et <code>screenX</code> (et/ou <code>top</code> et <code>screenY</code>) ont des valeurs contradictoires, <code>left</code> et <code>top</code> ont priorité sur <code>screenX</code> et <code>screenY</code> respectivement. Si <code>left</code> et <code>screenX</code> (et/ou <code>top</code> et <code>screenY</code>) sont définies dans la liste <var>strWindowFeatures</var>, les valeurs <code>left</code> (et/ou <code>top</code>) seront reconnues et utilisées. Dans l'exemple suivant, la nouvelle fenêtre sera positionnée à 100 pixels du bord gauche de la zone de travail des applications du système d'exploitation de l'utilisateur, et non à 200 pixels.</p> @@ -669,13 +430,13 @@ WindowObjectReference = window.open("http://www.wwf.org/", </script> </pre> -<h4 id="Note_sur_les_corrections_d.27erreurs_de_position_et_de_dimension" name="Note_sur_les_corrections_d.27erreurs_de_position_et_de_dimension">Note sur les corrections d'erreurs de position et de dimension</h4> +<h4 id="Note_sur_les_corrections_d.27erreurs_de_position_et_de_dimension">Note sur les corrections d'erreurs de position et de dimension</h4> <p>Les positions et dimensions demandées dans la liste <var>strWindowFeatures</var> ne seront pas respectées et <strong>seront corrigées</strong> si n'importe laquelle de ces valeurs ne permet pas à la fenêtre complète d'être affichée dans la zone de travail des applications du système d'exploitation de l'utilisateur. <strong>Aucune partie de la nouvelle fenêtre ne peut être initialement positionnée hors de l'écran. Ceci est le réglage par défaut de tous les navigateurs basés sur Mozilla.</strong></p> -<p><a class="external" href="http://msdn.microsoft.com/security/productinfo/xpsp2/default.aspx?pull=/library/en-us/dnwxp/html/xpsp2web.asp#xpsp_topic5">Internet Explorer 6 SP2 dispose d'un mécanisme de correction d'erreur similaire</a>, mais celui-ci n'est pas activé par défaut pour tous les niveaux de sécurité : un niveau de sécurité trop bas peut désactiver ce mécanisme de correction d'erreurs.</p> +<p><a href="http://msdn.microsoft.com/security/productinfo/xpsp2/default.aspx?pull=/library/en-us/dnwxp/html/xpsp2web.asp#xpsp_topic5">Internet Explorer 6 SP2 dispose d'un mécanisme de correction d'erreur similaire</a>, mais celui-ci n'est pas activé par défaut pour tous les niveaux de sécurité : un niveau de sécurité trop bas peut désactiver ce mécanisme de correction d'erreurs.</p> -<h4 id="Note_sur_les_barres_de_d.C3.A9filement" name="Note_sur_les_barres_de_d.C3.A9filement">Note sur les barres de défilement</h4> +<h4 id="Note_sur_les_barres_de_d.C3.A9filement">Note sur les barres de défilement</h4> <p>Lorsque le contenu dépasse les dimensions de la zone de visualisation de la fenêtre, des barres de défilement (ou un mécanisme de définement similaire) sont nécessaires pour s'assurer que les utilisateurs puissent accéder au contenu. Le contenu ou la boîte du document d'une page web peut outrepasser, excéder les dimensions demandées pour la fenêtre pour plusieurs raisons qui sont hors du contrôle des auteurs Web :</p> @@ -684,7 +445,7 @@ WindowObjectReference = window.open("http://www.wwf.org/", <li>l'utilisateur a augmenté la taille de police du texte via le menu Affichage/Taille du texte (%) dans Mozilla ou Affichage/Taille du texte/Plus grande ou Plus petite dans Firefox</li> <li>l'utilisateur a défini une taille minimale de police pour les pages qui est plus grande que celle demandée par l'auteur. Les personnes de plus de 40 ans ou ayant des habitudes particulières de lecture choisissent souvent une taille minimale de police dans les navigateurs basés sur Mozilla.</li> <li>l'auteur n'est pas conscient des marges par défaut (et/ou bordures et/ou padding) appliquées à l'élément racine ou nœud <code>body</code> dans les différents navigateurs et versions de ceux-ci</li> - <li>l'utilisateur utilise une feuille de style utilisateur (<a class="external" href="http://www.mozilla.org/support/firefox/edit#content">userContent.css in Mozilla-based browsers</a>) pour ses habitudes de navigation qui modifie les dimensions habituelles pour ses habitudes de lecture (marges, padding, taille de police par défaut)</li> + <li>l'utilisateur utilise une feuille de style utilisateur (<a href="http://www.mozilla.org/support/firefox/edit#content">userContent.css in Mozilla-based browsers</a>) pour ses habitudes de navigation qui modifie les dimensions habituelles pour ses habitudes de lecture (marges, padding, taille de police par défaut)</li> <li>l'utilisateur peut personnaliser individuellement la taille (hauteur ou largeur) de la plupart des barres d'outils via son système d'exploitation. Par exemple les bordures de fenêtres, la hauteur de la barre de titre, des menus et des barres de défilement, ainsi que la taille du texte sont entièrement personnalisables par l'utilisateur dans le système d'exploitation Windows XP. Ces dimensions de barres d'outils peuvent également être changées par des thèmes du navigateur, ou du système d'exploitation</li> <li>l'auteur ne s'attend pas à ce que la fenêtre de l'utilisateur dispose de barres d'outils spécifiques supplémentaires ; comme des barres de préférences, la barre web developer, des barres d'accessibilité, de blocage de popups et de recherche, etc.</li> <li>l'utilisateur utilise des technologies assistives ou addons qui modifient la zone de travail des applications, par exemple Microsoft Magnifier</li> @@ -692,18 +453,18 @@ WindowObjectReference = window.open("http://www.wwf.org/", <li>certains systèmes d'exploitation (Mac OS X) forcent la présence de barres d'outils qui peuvent démentir les anticipations et calculs de l'auteur Web sur les dimensions effectives de la fenêtre de navigation</li> </ul> -<h4 id="Note_sur_la_barre_d.27.C3.A9tat" name="Note_sur_la_barre_d.27.C3.A9tat">Note sur la barre d'état</h4> +<h4 id="Note_sur_la_barre_d.27.C3.A9tat">Note sur la barre d'état</h4> -<p>Vous devez vous attendre à ce qu'une large majorité des navigateurs affichent la barre d'état, ou qu'une large majorité des utilisateurs voudront forcer sa présence : le mieux est de toujours positionner cette fonctionnalité à yes. De plus, si vous demandez spécifiquement de retirer la barre d'état, les utilisateurs de Firefox ne pourront plus utilser la barre de navigation de site si elle est installée. Dans Mozilla et dans Firefox, toutes les fenêtres peuvent être redimensionnées à partir de la zone inférieure droite de la barre d'état. Celle-ci fournit également des informations sur la connexion http, l'emplacement des ressources hypertextes, la barre de progression du téléchargement, l'icône de chiffrement/connexion sécurisée avec <abbr title="Secure Socket Layer">SSL</abbr> (affichant une icône de cadenas jaune), des icônes de zones de sécurité, de politique de sécurité en matière de cookies, etc. <strong>Enlever la barre d'état retire souvent de très nombreuses fonctionnalités et informations considérées comme utiles (et parfois vitales) par les utilisateurs.</strong></p> +<p>Vous devez vous attendre à ce qu'une large majorité des navigateurs affichent la barre d'état, ou qu'une large majorité des utilisateurs voudront forcer sa présence : le mieux est de toujours positionner cette fonctionnalité à yes. De plus, si vous demandez spécifiquement de retirer la barre d'état, les utilisateurs de Firefox ne pourront plus utilser la barre de navigation de site si elle est installée. Dans Mozilla et dans Firefox, toutes les fenêtres peuvent être redimensionnées à partir de la zone inférieure droite de la barre d'état. Celle-ci fournit également des informations sur la connexion http, l'emplacement des ressources hypertextes, la barre de progression du téléchargement, l'icône de chiffrement/connexion sécurisée avec <abbr>SSL</abbr> (affichant une icône de cadenas jaune), des icônes de zones de sécurité, de politique de sécurité en matière de cookies, etc. <strong>Enlever la barre d'état retire souvent de très nombreuses fonctionnalités et informations considérées comme utiles (et parfois vitales) par les utilisateurs.</strong></p> -<h4 id="Note_sur_les_probl.C3.A8mes_de_s.C3.A9curit.C3.A9_li.C3.A9s_.C3.A0_la_pr.C3.A9sence_de_la_barre_d.27.C3.A9tat" name="Note_sur_les_probl.C3.A8mes_de_s.C3.A9curit.C3.A9_li.C3.A9s_.C3.A0_la_pr.C3.A9sence_de_la_barre_d.27.C3.A9tat">Note sur les problèmes de sécurité liés à la présence de la barre d'état</h4> +<h4 id="Note_sur_les_probl.C3.A8mes_de_s.C3.A9curit.C3.A9_li.C3.A9s_.C3.A0_la_pr.C3.A9sence_de_la_barre_d.27.C3.A9tat">Note sur les problèmes de sécurité liés à la présence de la barre d'état</h4> <p>Dans Internet Explorer 6 pour XP SP2, pour les fenêtres ouvertes à l'aide de window.open() :</p> <blockquote> <p>« Pour les fenêtres ouvertes à l'aide de window.open() :<br> Attendez-vous à ce que la barre d'état soit présente, et codez en conséquence. <strong>La barre d'état sera activée par défaut</strong> et fait entre 20 et 25 pixels de haut. (...) »<br> - citation de <a class="external" href="http://msdn.microsoft.com/security/productinfo/xpsp2/default.aspx?pull=/library/en-us/dnwxp/html/xpsp2web.asp#xpsp_topic5">Fine-Tune Your Web Site for Windows XP Service Pack 2, Browser Window Restrictions in XP SP2</a></p> + citation de <a href="http://msdn.microsoft.com/security/productinfo/xpsp2/default.aspx?pull=/library/en-us/dnwxp/html/xpsp2web.asp#xpsp_topic5">Fine-Tune Your Web Site for Windows XP Service Pack 2, Browser Window Restrictions in XP SP2</a></p> </blockquote> <blockquote> @@ -714,57 +475,44 @@ WindowObjectReference = window.open("http://www.wwf.org/", Description détaillée<br> <strong>Internet Explorer a été modifié pour ne désactiver la barre d'état pour aucune fenêtre. La barre d'état est toujours visible pour toutes les fenêtres d'Internet Explorer.</strong> (...) Sans ce changement, les fenêtres créées à l'aide de la méthode window.open() peuvent être appelées par des scripts et imiter une fausse interface utilisateur ou bureau, ou pour masquer des informations importantes pour l'utilisateur.<br> La barre d'état est une fonction de sécurité des fenêtres d'Internet Explorer qui fournissent à l'utilisateur des informations sur les zones de sécurité. Cette zone ne peut pas être imitée (...)"<br> - citation de <a class="external" href="http://www.microsoft.com/technet/prodtechnol/winxppro/maintain/sp2brows.mspx#ECAA">Changes to Functionality in Microsoft Windows XP Service Pack 2, Internet Explorer Window Restrictions</a></p> + citation de <a href="http://www.microsoft.com/technet/prodtechnol/winxppro/maintain/sp2brows.mspx#ECAA">Changes to Functionality in Microsoft Windows XP Service Pack 2, Internet Explorer Window Restrictions</a></p> </blockquote> -<h4 id="Note_sur_le_plein_.C3.A9cran_.28fullscreen.29" name="Note_sur_le_plein_.C3.A9cran_.28fullscreen.29">Note sur le plein écran (fullscreen)</h4> +<h4 id="Note_sur_le_plein_.C3.A9cran_.28fullscreen.29">Note sur le plein écran (fullscreen)</h4> <p>Dans Internet Explorer 6 pour XP SP2 :</p> <ul> <li>« window.open() avec fullscreen=yes donnera à présent une fenêtre maximisée, et non une fenêtre en mode kiosque. »</li> -</ul> - -<ul> <li>« La définition de la spécification de fullscreen=yes est modifiée pour signifier "afficher la fenêtre maximisée," ce qui gardera la barre de titre, la barre d'adresse et la barre d'état visibles. »</li> </ul> <p><em>Références :</em></p> <ul> - <li><a class="external" href="http://msdn.microsoft.com/security/productinfo/xpsp2/default.aspx?pull=/library/en-us/dnwxp/html/xpsp2web.asp#xpsp_topic5">Fine-Tune Your Web Site for Windows XP Service Pack 2</a></li> -</ul> - -<ul> - <li><a class="external" href="http://www.microsoft.com/technet/prodtechnol/winxppro/maintain/sp2brows.mspx#ECAA">Changes to Functionality in Microsoft Windows XP Service Pack 2, Script sizing of Internet Explorer windows</a></li> + <li><a href="http://msdn.microsoft.com/security/productinfo/xpsp2/default.aspx?pull=/library/en-us/dnwxp/html/xpsp2web.asp#xpsp_topic5">Fine-Tune Your Web Site for Windows XP Service Pack 2</a></li> + <li><a href="http://www.microsoft.com/technet/prodtechnol/winxppro/maintain/sp2brows.mspx#ECAA">Changes to Functionality in Microsoft Windows XP Service Pack 2, Script sizing of Internet Explorer windows</a></li> </ul> -<h4 id="Note_sur_la_diff.C3.A9rence_entre_outerHeight_et_height" name="Note_sur_la_diff.C3.A9rence_entre_outerHeight_et_height">Note sur la différence entre outerHeight et height</h4> +<h4 id="Note_sur_la_diff.C3.A9rence_entre_outerHeight_et_height">Note sur la différence entre outerHeight et height</h4> - -<h3 id="Tutoriels" name="Tutoriels">Tutoriels</h3> +<h3 id="Tutoriels">Tutoriels</h3> <p><strong>en français :</strong></p> -<p><a class="external" href="http://openweb.eu.org/articles/popup/">Créer des pop-up intelligentes</a> par Fabrice Bonny, OpenWeb</p> +<p><a href="http://openweb.eu.org/articles/popup/">Créer des pop-up intelligentes</a> par Fabrice Bonny, OpenWeb</p> <p><strong>en anglais :</strong></p> -<p><a class="external" href="http://www.infimum.dk/HTML/JSwindows.html">JavaScript windows (tutorial)</a> par Lasse Reichstein Nielsen</p> - -<p><a class="external" href="http://www.accessify.com/tutorials/the-perfect-pop-up.asp">The perfect pop-up (tutorial)</a> par Ian Lloyd</p> - -<p><a class="external" href="http://www.gtalbot.org/FirefoxSection/Popup/PopupAndFirefox.html">Popup windows and Firefox (interactive demos)</a> par Gérard Talbot</p> - -<h3 id="R.C3.A9f.C3.A9rences" name="R.C3.A9f.C3.A9rences">Références</h3> - -<p><a class="external" href="http://www.cs.tut.fi/~jkorpela/www/links.html">Links Want To Be Links</a> by Jukka K. Korpela</p> +<p><a href="http://www.infimum.dk/HTML/JSwindows.html">JavaScript windows (tutorial)</a> par Lasse Reichstein Nielsen</p> -<p><a class="external" href="http://www.evolt.org/article/Links_and_JavaScript_Living_Together_in_Harmony/17/20938/">Links & JavaScript Living Together in Harmony</a> by Jeff Howden</p> +<p><a href="http://www.accessify.com/tutorials/the-perfect-pop-up.asp">The perfect pop-up (tutorial)</a> par Ian Lloyd</p> +<p><a href="http://www.gtalbot.org/FirefoxSection/Popup/PopupAndFirefox.html">Popup windows and Firefox (interactive demos)</a> par Gérard Talbot</p> +<h3 id="R.C3.A9f.C3.A9rences">Références</h3> -<div class="noinclude"></div> +<p><a href="http://www.cs.tut.fi/~jkorpela/www/links.html">Links Want To Be Links</a> by Jukka K. Korpela</p> -<p>{{ languages( { "en": "en/DOM/window.open", "ja": "ja/DOM/window.open", "pl": "pl/DOM/window.open", "zh-cn": "cn/DOM/window.open" } ) }}</p> +<p><a href="http://www.evolt.org/article/Links_and_JavaScript_Living_Together_in_Harmony/17/20938/">Links & JavaScript Living Together in Harmony</a> by Jeff Howden</p> diff --git a/files/fr/web/api/window/opendialog/index.html b/files/fr/web/api/window/opendialog/index.html index 1c366c5355..5329caea16 100644 --- a/files/fr/web/api/window/opendialog/index.html +++ b/files/fr/web/api/window/opendialog/index.html @@ -8,104 +8,95 @@ tags: - boîte de dialogue translation_of: Web/API/Window/openDialog --- -<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">{{ ApiRef() }}</p> +<p>{{ ApiRef() }}</p> -<h3 id="Summary" name="Summary">Résumé</h3> +<p><code>window.openDialog</code> est une extension à <a href="/fr/DOM/window.open">window.open()</a>. Elle s'utilise de la même manière, excepté qu'elle peut prendre plusieurs paramètres optionnels après<code>windowFeatures</code>, et que<code>windowFeatures</code> est traîté différemment.</p> -<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">window.openDialog</code> est une extension à <a href="/fr/DOM/window.open" title="fr/DOM/window.open">window.open()</a>. Elle s'utilise de la même manière, excepté qu'elle peut prendre plusieurs paramètres optionnels après <code style="color: rgb(37, 34, 29); font-weight: inherit;">windowFeatures</code>, et que <code style="color: rgb(37, 34, 29); font-weight: inherit;">windowFeatures</code> est traîté différemment.</p> +<p>Les paramètres optionnels, si présents, seront regroupés dans un objet JavaScript Array et seront accessibles depuis la nouvelle fenêtre par la propriété <code>window.arguments</code>. Ils sont accessibles depuis les scripts de la fenêtre à tout moment, notamment lors du traitement d'un évênement<code>load</code> . Ces paramètres peuvent donc être utilisés pour passer des arguments à une boîte de dialogue, et pour les récupérer ensuite.</p> -<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Les paramètres optionnels, si présents, seront regroupés dans un objet JavaScript Array et seront accessibles depuis la nouvelle fenêtre par la propriété <code>window.arguments</code>. Ils sont accessibles depuis les scripts de la fenêtre à tout moment, notamment lors du traitement d'un évênement <code style="color: rgb(37, 34, 29); font-weight: inherit;">load</code> . Ces paramètres peuvent donc être utilisés pour passer des arguments à une boîte de dialogue, et pour les récupérer ensuite.</p> +<p>Notez que l'appel à la méthode<code>openDialog()</code> se termine immédiatement. Si vous souhaitez le bloquer jusqu'à ce que l'utilisateur ferme la boîte de dialogue, utilisez la valeur<code>modal</code> pour le paramètre f<code>eatures</code>. En conséquence, l'utilisateur ne pourra pas interagir avec la fenêtre parente jusqu'à ce qu'il ferme la boîte de dialogue modale.</p> -<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Notez que l'appel à la méthode <code style="color: rgb(37, 34, 29); font-weight: inherit;">openDialog()</code> se termine immédiatement. Si vous souhaitez le bloquer jusqu'à ce que l'utilisateur ferme la boîte de dialogue, utilisez la valeur <code style="color: rgb(37, 34, 29); font-weight: inherit;">modal</code> pour le paramètre f<code style="color: rgb(37, 34, 29); font-weight: inherit;">eatures</code>. En conséquence, l'utilisateur ne pourra pas interagir avec la fenêtre parente jusqu'à ce qu'il ferme la boîte de dialogue modale.</p> - -<h3 id="Syntax" name="Syntax">Syntaxe</h3> +<h3 id="Syntax">Syntaxe</h3> <pre class="eval"><em>newWindow</em> = openDialog(<em>url</em>, <em>name</em>, <em>features</em>, <em>arg1</em>, <em>arg2</em>, ...) </pre> -<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> - <dt style="font-style: normal; font-weight: bold;">newWindow </dt> - <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">La nouvelle fenêtre ouverte.</dd> - <dt style="font-style: normal; font-weight: bold;">url </dt> - <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">L'URL du document à charger dans la nouvelle fenêtre.</dd> - <dt style="font-style: normal; font-weight: bold;">name </dt> - <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">Le nom de la fenêtre (optionnel). Voir la description de <a href="/fr/DOM/window.open" title="fr/DOM/window.open">window.open()</a> pour plus de détails.</dd> - <dt style="font-style: normal; font-weight: bold;">features </dt> - <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">Voir la description de <a href="/fr/DOM/window.open" title="fr/DOM/window.open">window.open()</a> pour la description.</dd> - <dt style="font-style: normal; font-weight: bold;">arg1, arg2, ... </dt> - <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">Les arguments à passer à la nouvelle fenêtre (optionnel).</dd> +<dl> + <dt>newWindow</dt> + <dd>La nouvelle fenêtre ouverte.</dd> + <dt>url</dt> + <dd>L'URL du document à charger dans la nouvelle fenêtre.</dd> + <dt>name</dt> + <dd>Le nom de la fenêtre (optionnel). Voir la description de<a href="/fr/DOM/window.open">window.open()</a> pour plus de détails.</dd> + <dt>features</dt> + <dd>Voir la description de<a href="/fr/DOM/window.open">window.open()</a> pour la description.</dd> + <dt>arg1, arg2, ... </dt> + <dd>Les arguments à passer à la nouvelle fenêtre (optionnel).</dd> </dl> -<h3 id="Example" name="Example">Exemple</h3> +<h3 id="Example">Exemple</h3> <pre class="brush: js">var win = openDialog("http://example.tld/zzz.xul", "dlg", "", "pizza", 6.98);</pre> -<h3 id="Notes" name="Notes">Notes</h3> +<h3 id="Notes">Notes</h3> -<h4 id="New_Features" name="New_Features">Nouvelles fonctionnalités</h4> +<h4 id="New_Features">Nouvelles fonctionnalités</h4> <dl> <dt><code>all</code></dt> + <dd>Active ou désactive (<code>"all=no"</code>) toutes les fonctionnalités (excepté <code>chrome</code>, <code>dialog</code> et<code>modal</code>). Peut être utilisé conjointement avec les autres drapeaux (par exemple, <code>"menubar=no, all"</code> active toutes les fonctionnalités excepté <code>menubar</code>). Ce drapeau est ignorée par la méthode<a href="/fr/DOM/window.open">window.open()</a> mais pas par window.openDialog().</dd> </dl> -<dl> - <dd>Active ou désactive (<code>"all=no"</code>) toutes les fonctionnalités (excepté <code>chrome</code>, <code>dialog</code> et <code>modal</code>). Peut être utilisé conjointement avec les autres drapeaux (par exemple, <code>"menubar=no, all"</code> active toutes les fonctionnalités excepté <code>menubar</code>). Ce drapeau est ignorée par la méthode <a href="/fr/DOM/window.open" title="fr/DOM/window.open">window.open()</a> mais pas par window.openDialog().</dd> -</dl> +<h4 id="Default_behaviour">Comportement</h4> -<h4 id="Default_behaviour" name="Default_behaviour">Comportement</h4> +<p>La méthode<code>window.openDialog()</code> traite l'absence du paramètre<code>features</code> de la même manière que<a href="/fr/DOM/window.open">window.open()</a> (une chaîne vide désactive toutes les fonctionnalités) excepté pour<code>chrome</code> et<code>dialog</code> qui sont activés par défaut et peuvent être explicitement désactivées par "<code>chrome=no</code>".</p> -<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">La méthode <code>window.openDialog()</code> traite l'absence du paramètre <code>features</code> de la même manière que <a href="/fr/DOM/window.open" title="fr/DOM/window.open">window.open()</a> (une chaîne vide désactive toutes les fonctionnalités) excepté pour <code>chrome</code> et <code>dialog</code> qui sont activés par défaut et peuvent être explicitement désactivées par "<code style="color: rgb(37, 34, 29); font-weight: inherit;">chrome=no</code>".</p> +<h4 id="Passing_extra_parameters_to_the_dialog">Passage de paramètres supplémentaires</h4> -<h4 id="Passing_extra_parameters_to_the_dialog" name="Passing_extra_parameters_to_the_dialog">Passage de paramètres supplémentaires</h4> - -<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Pour passer des paramètres supplémentaires à la boîte de dialogue, vous pouvez simplement les ajouter après le paramètre f<code style="color: rgb(37, 34, 29); font-weight: inherit;">eatures</code> :</p> +<p>Pour passer des paramètres supplémentaires à la boîte de dialogue, vous pouvez simplement les ajouter après le paramètre f<code>eatures</code> :</p> <pre class="brush: js">openDialog("http://example.tld/zzz.xul", "dlg", "", "pizza", 6.98);</pre> -<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Ces paramètres seront ensuite regroupés dans une propriété <code style="color: rgb(37, 34, 29); font-weight: inherit;">arguments</code> de type <a href="/en/Core_JavaScript_1.5_Reference/Global_Objects/Array" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a>, et cette propriété sera ajoutée à la nouvelle boîte de dialogue.</p> +<p>Ces paramètres seront ensuite regroupés dans une propriété <code>arguments</code> de type<a href="/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a>, et cette propriété sera ajoutée à la nouvelle boîte de dialogue.</p> -<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Pour accéder à ces paramètres depuis un script de la boîte de dialogue, utilisez le procédé suivant :</p> +<p>Pour accéder à ces paramètres depuis un script de la boîte de dialogue, utilisez le procédé suivant :</p> <pre class="brush: js">var food = window.arguments[0]; var price = window.arguments[1];</pre> -<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Notez que vous pouvez accéder à cette propriété depuis n'importe où dans le script. (<a href="/en/Code_snippets/Dialogs_and_Prompts#Passing_arguments_and_displaying_a_dialog" title="en/Code snippets/Dialogs and Prompts#Passing arguments and displaying a dialog">Autre exemple</a>).</p> +<p>Notez que vous pouvez accéder à cette propriété depuis n'importe où dans le script. (<a href="/en/Code_snippets/Dialogs_and_Prompts#Passing_arguments_and_displaying_a_dialog">Autre exemple</a>).</p> -<h4 id="Returning_values_from_the_dialog" name="Returning_values_from_the_dialog">Retourner des arguments depuis la boîte de dialogue</h4> +<h4 id="Returning_values_from_the_dialog">Retourner des arguments depuis la boîte de dialogue</h4> -<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Depuis que <code style="color: rgb(37, 34, 29); font-weight: inherit;"><a href="/fr/DOM/window.close" title="fr/DOM/window.close">window.close()</a></code> efface toutes les propriétés associées à la boîte de dialogue (c'est-à-dire les variables spécifiées depuis le code JavaScript chargé depuis la boîte de dialogue), il n'est pas possible de retourner des valeur après la fermeture de la boîte de dialogue en utilisant des variables globales (ou toute autre méthode).</p> +<p>Depuis que<code><a href="/fr/DOM/window.close">window.close()</a></code> efface toutes les propriétés associées à la boîte de dialogue (c'est-à-dire les variables spécifiées depuis le code JavaScript chargé depuis la boîte de dialogue), il n'est pas possible de retourner des valeur après la fermeture de la boîte de dialogue en utilisant des variables globales (ou toute autre méthode).</p> -<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Pour pouvoir retourner des valeurs à la fenêtre parente, vous devez passer un objet via les paramètres supplémentaires. Vous pouvez ensuite accéder à cet objet depuis la boîte de dialogue et modifier ces propriétés, dont les données que vous souhaiter conserver après l'appel à la méthode <code style="color: rgb(37, 34, 29); font-weight: inherit;">window.close()</code>.</p> +<p>Pour pouvoir retourner des valeurs à la fenêtre parente, vous devez passer un objet via les paramètres supplémentaires. Vous pouvez ensuite accéder à cet objet depuis la boîte de dialogue et modifier ces propriétés, dont les données que vous souhaiter conserver après l'appel à la méthode<code>window.close()</code>.</p> <pre class="brush: js">var retVals = { address: null, delivery: null }; openDialog("http://example.tld/zzz.xul", "dlg", "modal", "pizza", 6.98, retVals);</pre> -<p>Si vous modifiez les propriétés de l'objet <code style="color: rgb(37, 34, 29); font-weight: inherit;">retVals</code> depuis la boîte de dialogue comme décrit précédemment, vous pouvez y accéder via le tableau <code style="color: rgb(37, 34, 29); font-weight: inherit;">retVals</code> après l'appel à <code style="color: rgb(37, 34, 29); font-weight: inherit;">openDialog()</code>.</p> +<p>Si vous modifiez les propriétés de l'objet<code>retVals</code> depuis la boîte de dialogue comme décrit précédemment, vous pouvez y accéder via le tableau<code>retVals</code> après l'appel à <code>openDialog()</code>.</p> -<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Depuis la boîte de dialogue, vous pouvez modifier les propriétés comme suit :</p> +<p>Depuis la boîte de dialogue, vous pouvez modifier les propriétés comme suit :</p> <pre class="brush: js">var retVals = window.arguments[2]; retVals.address = enteredAddress; retVals.delivery = "immediate";</pre> -<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Voir aussi <a class="external" href="http://groups.google.com/group/netscape.public.dev.xul/msg/02075a1736406b40" title="http://groups.google.com/group/netscape.public.dev.xul/msg/02075a1736406b40">ce message</a>. (<a href="/en/Code_snippets/Dialogs_and_Prompts#Passing_arguments_and_displaying_a_dialog" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Code_snippets/Dialogs_and_Prompts#Passing_arguments_and_displaying_a_dialog">Autre exemple</a>).<br> - Voir aussi <a href="/fr/DOM/window.importDialog" title="fr/DOM/window.importDialog">window.importDialog()</a>.</p> +<p>Voir aussi<a href="http://groups.google.com/group/netscape.public.dev.xul/msg/02075a1736406b40">ce message</a>. (<a href="/en/Code_snippets/Dialogs_and_Prompts#Passing_arguments_and_displaying_a_dialog">Autre exemple</a>).<br> + Voir aussi<a href="/fr/DOM/window.importDialog">window.importDialog()</a>.</p> -<h3 id="Specification" name="Specification">Spécification</h3> +<h3 id="Specification">Spécification</h3> -<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">{{ DOM0() }}</p> +<p>{{ DOM0() }}</p> -<h3 id="Compatibilité_des_navigateurs" style="margin: 0px 0px 1.7em; padding: 0px;">Compatibilité des navigateurs</h3> +<h3 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h3> <p>{{Compat("api.Window.openDialog")}}</p> <h3 id="Voir_également">Voir également</h3> -<p> </p> - <ul> - <li><a href="https://developer.mozilla.org/en-US/Add-ons/Code_snippets/Dialogs_and_Prompts#Passing_arguments_and_displaying_a_dialog">Another example</a></li> - <li><a href="https://developer.mozilla.org/en-US/docs/Archive/Web/Window.importDialog"><code>window.importDialog</code></a> (mobile) {{obsolete_inline}}</li> -</ul> - -<p> </p> + <li><a href="/en-US/Add-ons/Code_snippets/Dialogs_and_Prompts#Passing_arguments_and_displaying_a_dialog">Another example</a></li> + <li><a href="/en-US/docs/Archive/Web/Window.importDialog"><code>window.importDialog</code></a> (mobile) {{obsolete_inline}}</li> +</ul>
\ No newline at end of file diff --git a/files/fr/web/api/window/opener/index.html b/files/fr/web/api/window/opener/index.html index 43c965d501..3ccf6c71ae 100644 --- a/files/fr/web/api/window/opener/index.html +++ b/files/fr/web/api/window/opener/index.html @@ -8,20 +8,17 @@ tags: translation_of: Web/API/Window/opener --- <p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3> +<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> <p>Renvoie une référence vers la fenêtre qui a ouvert la fenêtre courante.</p> -<h3 id="Syntaxe" name="Syntaxe">Syntaxe</h3> +<h3 id="Syntaxe">Syntaxe</h3> <pre class="eval"><i>refObj</i> = window.opener </pre> -<h3 id="Exemple" name="Exemple">Exemple</h3> +<h3 id="Exemple">Exemple</h3> <pre> if window.opener != indexWin { referToTop(window.opener); } </pre> -<h3 id="Notes" name="Notes">Notes</h3> +<h3 id="Notes">Notes</h3> <p>Lorsqu'une fenêtre est ouverte depuis une autre fenêtre, elle conserve une référence à cette première fenêtre dans <b>window.opener</b>. Si la fenêtre courante n'a pas été ouverte par une autre fenêtre, la méthode renvoie <code>null</code>.</p> -<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3> -<p>{{ DOM0() }}</p> -<div class="noinclude"> - </div> -<p>{{ languages( { "en": "en/DOM/window.opener", "ja": "ja/DOM/window.opener", "pl": "pl/DOM/window.opener" } ) }}</p> +<h3 id="Sp.C3.A9cification">Spécification</h3> +<p>{{ DOM0() }}</p>
\ No newline at end of file diff --git a/files/fr/web/api/window/outerheight/index.html b/files/fr/web/api/window/outerheight/index.html index 064bd3c82e..53b6f0637a 100644 --- a/files/fr/web/api/window/outerheight/index.html +++ b/files/fr/web/api/window/outerheight/index.html @@ -5,8 +5,6 @@ translation_of: Web/API/Window/outerHeight --- <div>{{APIRef}}</div> -<h2 id="Summary" name="Summary">Résumé</h2> - <p><code>Window.outerHeight</code> retourne la hauteur de la fenêtre (du navigateur) en pixels. La hauteur retournée prends en compte la fenêtre du navigateur entier, y compris la barre latérale, window chrome and window resizing borders/handles.</p> <p>Cette propriété n'a pas de valeur par défaut.</p> @@ -18,13 +16,13 @@ translation_of: Web/API/Window/outerHeight <p>La valeur retournée correspond à la hauteur extérieure de la fenêtre.</p> -<h2 id="Notes" name="Notes">Notes</h2> +<h2 id="Notes">Notes</h2> <p>Pour changer la taille de la fenêtre, utilisez {{domxref("window.resizeBy()")}} et {{domxref("window.resizeTo()")}}.</p> <p>Pour obtenir la hauteur intérieure de la fenêtre (la hauteur de la page actuelle), utilisez {{domxref("window.innerHeight")}}.</p> -<h3 id="Graphical_example" name="Graphical_example">Exemple illustré</h3> +<h3 id="Graphical_example">Exemple illustré</h3> <p>La figure suivante montre la différence entre <code>outerHeight</code> et <code>innerHeight</code>.</p> diff --git a/files/fr/web/api/window/outerwidth/index.html b/files/fr/web/api/window/outerwidth/index.html index a8076143bb..863a26a3ab 100644 --- a/files/fr/web/api/window/outerwidth/index.html +++ b/files/fr/web/api/window/outerwidth/index.html @@ -11,24 +11,22 @@ translation_of: Web/API/Window/outerWidth --- <div>{{APIRef}}</div> -<h2 id="Summary" name="Summary">Résumé</h2> +<p><code>Window.outerWidth</code> récupère la largeur de l'extérieur de la fenêtre du navigateur. Elle représente la largeur de toute la fenêtre du navigateur, y compris la barre latérale (si elle est agrandie), la fenêtre chrome et le redimensionnement de la fenêtre.</p> -<p><code>Window.outerWidth</code> <span class="tlid-translation translation"><span class="alt-edited">récupère la largeur de l'extérieur de la fenêtre du navigateur. Elle représente la largeur de toute la fenêtre du navigateur, y compris la barre latérale (si elle est agrandie), la fenêtre chrome et le redimensionnement de la fenêtre.</span></span></p> +<p>Cette propriété est en lecture seule ; elle n'a pas de valeur par défaut.</p> -<p><span class="tlid-translation translation"><span class="alt-edited">Cette propriété est en lecture seule ; elle n'a pas de valeur par défaut.</span></span></p> - -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="syntaxbox"><var>largeurExterieureFenetre</var> = window.outerWidth; </pre> <p>Lors du retour, <code>largeurExterieureFenetre</code> vaut la largeur de l'extérieur de la fenêtre.</p> -<h2 id="Notes" name="Notes">Notes</h2> +<h2 id="Notes">Notes</h2> -<p><span class="tlid-translation translation"><span class="alt-edited">Pour changer la taille d'une fenêtre, voir {{domxref("window.resizeBy()")}} et {{domxref("window.resizeTo ()")}}.</span></span></p> +<p>Pour changer la taille d'une fenêtre, voir {{domxref("window.resizeBy()")}} et {{domxref("window.resizeTo ()")}}.</p> -<p><span class="tlid-translation translation"><span class="alt-edited">Pour récupérer la largeur interne d'une fenêtre, c'est-à-dire la largeur de la page affichée, voir {{domxref ("window.innerWidth")}}.</span></span></p> +<p>Pour récupérer la largeur interne d'une fenêtre, c'est-à-dire la largeur de la page affichée, voir {{domxref ("window.innerWidth")}}.</p> <h2 id="Specifications">Spécifications</h2> diff --git a/files/fr/web/api/window/pagehide_event/index.html b/files/fr/web/api/window/pagehide_event/index.html index ae97628c71..81e2c695f8 100644 --- a/files/fr/web/api/window/pagehide_event/index.html +++ b/files/fr/web/api/window/pagehide_event/index.html @@ -9,21 +9,21 @@ original_slug: Web/Events/pagehide <h2 id="Informations_générales">Informations générales</h2> <dl> - <dt style="float: left; text-align: right; width: 160px;">Spécification</dt> - <dd style="margin: 0 0 0 160px;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pagehide" lang="en-US">HTML5</a></dd> - <dt style="float: left; text-align: right; width: 160px;">Interface</dt> - <dd style="margin: 0 0 0 160px;"><a href="/fr/docs/Web/API/PageTransitionEvent">PageTransitionEvent</a></dd> - <dt style="float: left; text-align: right; width: 160px;">Bouillonne</dt> - <dd style="margin: 0 0 0 160px;">Non</dd> - <dt style="float: left; text-align: right; width: 160px;">Annulable</dt> - <dd style="margin: 0 0 0 160px;">Non</dd> - <dt style="float: left; text-align: right; width: 160px;">Cible</dt> - <dd style="margin: 0 0 0 160px;">Document (dispatché sur Window)</dd> - <dt style="float: left; text-align: right; width: 160px;">Action par défaut</dt> - <dd style="margin: 0 0 0 160px;">Aucune</dd> + <dt>Spécification</dt> + <dd><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pagehide">HTML5</a></dd> + <dt>Interface</dt> + <dd><a href="/fr/docs/Web/API/PageTransitionEvent">PageTransitionEvent</a></dd> + <dt>Bouillonne</dt> + <dd>Non</dd> + <dt>Annulable</dt> + <dd>Non</dd> + <dt>Cible</dt> + <dd>Document (dispatché sur Window)</dd> + <dt>Action par défaut</dt> + <dd>Aucune</dd> </dl> -<h2 id="Propriétés" style="">Propriétés</h2> +<h2 id="Propriétés">Propriétés</h2> <table class="standard-table"> <thead> diff --git a/files/fr/web/api/window/pageshow_event/index.html b/files/fr/web/api/window/pageshow_event/index.html index 4bc3fb867e..4687409333 100644 --- a/files/fr/web/api/window/pageshow_event/index.html +++ b/files/fr/web/api/window/pageshow_event/index.html @@ -9,21 +9,21 @@ original_slug: Web/Events/pageshow <h2 id="Informations_générales">Informations générales</h2> <dl> - <dt style="float: left; text-align: right; width: 160px;">Spécification</dt> - <dd style="margin: 0 0 0 160px;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pageshow" lang="en-US">HTML5</a></dd> - <dt style="float: left; text-align: right; width: 160px;">Interface</dt> - <dd style="margin: 0 0 0 160px;"><a href="/fr/docs/Web/API/PageTransitionEvent">PageTransitionEvent</a></dd> - <dt style="float: left; text-align: right; width: 160px;">Bouillonne</dt> - <dd style="margin: 0 0 0 160px;">Non</dd> - <dt style="float: left; text-align: right; width: 160px;">Annulable</dt> - <dd style="margin: 0 0 0 160px;">Non</dd> - <dt style="float: left; text-align: right; width: 160px;">Cible</dt> - <dd style="margin: 0 0 0 160px;">Document (dispatché sur Window)</dd> - <dt style="float: left; text-align: right; width: 160px;">Action par défaut</dt> - <dd style="margin: 0 0 0 160px;">Aucune</dd> + <dt>Spécification</dt> + <dd><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pageshow">HTML5</a></dd> + <dt>Interface</dt> + <dd><a href="/fr/docs/Web/API/PageTransitionEvent">PageTransitionEvent</a></dd> + <dt>Bouillonne</dt> + <dd>Non</dd> + <dt>Annulable</dt> + <dd>Non</dd> + <dt>Cible</dt> + <dd>Document (dispatché sur Window)</dd> + <dt>Action par défaut</dt> + <dd>Aucune</dd> </dl> -<h2 id="Propriétés" style="">Propriétés</h2> +<h2 id="Propriétés">Propriétés</h2> <table class="standard-table"> <thead> diff --git a/files/fr/web/api/window/parent/index.html b/files/fr/web/api/window/parent/index.html index f45781f517..01da0b6b14 100644 --- a/files/fr/web/api/window/parent/index.html +++ b/files/fr/web/api/window/parent/index.html @@ -8,18 +8,18 @@ tags: translation_of: Web/API/Window/parent --- <p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3> +<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> <p>Renvoie une référence à la fenêtre parente ou cadre parent de la fenêtre courante ou du cadre courant.</p> -<h3 id="Syntaxe" name="Syntaxe">Syntaxe</h3> +<h3 id="Syntaxe">Syntaxe</h3> <pre class="eval"><i>refObj</i> = window.parent </pre> -<h3 id="Exemple" name="Exemple">Exemple</h3> +<h3 id="Exemple">Exemple</h3> <pre class="eval">if (window.parent != window.top) { // on se trouve dans une imbrication de cadres } </pre> -<h3 id="Notes" name="Notes">Notes</h3> +<h3 id="Notes">Notes</h3> <p>Si une fenêtre n'a pas de parent, sa propriété <b>parent</b> est une référence vers elle-même.</p> <p>Lorsqu'une fenêtre est chargée dans un ensemble de cadres (frameset), son parent est le cadre parent (c'est-à-dire le document dans lequel se trouve l'élément <code><frame></code> qui fait référence à la fenêtre).</p> -<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3> +<h3 id="Sp.C3.A9cification">Spécification</h3> <p>{{ DOM0() }}</p> diff --git a/files/fr/web/api/window/paste_event/index.html b/files/fr/web/api/window/paste_event/index.html index af59ba4d71..0f215c946e 100644 --- a/files/fr/web/api/window/paste_event/index.html +++ b/files/fr/web/api/window/paste_event/index.html @@ -10,7 +10,7 @@ translation_of: Web/API/Window/paste_event --- <div>{{APIRef}}</div> -<p><span class="seoSummary">L'événement <strong><code>paste</code></strong> est déclenché lorsque l'utilisateur a lancé une action de "paste" via l'interface utilisateur du navigateur.</span></p> +<p>L'événement <strong><code>paste</code></strong> est déclenché lorsque l'utilisateur a lancé une action de "paste" via l'interface utilisateur du navigateur.</p> <table class="properties"> <tbody> @@ -33,11 +33,11 @@ translation_of: Web/API/Window/paste_event </tbody> </table> -<p><span class="tlid-translation translation" lang="fr"><span title="">La cible d'origine de cet événement est le {{domxref ("Element")}} qui était la cible prévue de l'action de collage</span></span>. Vous pouvez écouter cet événement sur l'interface {{domxref ("Window")}} pour le gérer dans les phases de capture ou de bullage. Pour plus de détails sur cet événement, veuillez consulter la page sur le <a href="/en-US/docs/Web/API/Element/paste_event">Element: paste event</a>.</p> +<p>La cible d'origine de cet événement est le {{domxref ("Element")}} qui était la cible prévue de l'action de collage. Vous pouvez écouter cet événement sur l'interface {{domxref ("Window")}} pour le gérer dans les phases de capture ou de bullage. Pour plus de détails sur cet événement, veuillez consulter la page sur le <a href="/en-US/docs/Web/API/Element/paste_event">Element: paste event</a>.</p> <h2 id="Exemples">Exemples</h2> -<pre class="brush: js notranslate">window.addEventListener('paste', (event) => { +<pre class="brush: js">window.addEventListener('paste', (event) => { console.log('paste action initiated') });</pre> diff --git a/files/fr/web/api/window/popstate_event/index.html b/files/fr/web/api/window/popstate_event/index.html index f924242a05..9c821b6ea9 100644 --- a/files/fr/web/api/window/popstate_event/index.html +++ b/files/fr/web/api/window/popstate_event/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/Window/popstate_event <dl> <dt style="float: left; text-align: right; width: 120px;">Specification</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-popstate">HTML5</a></dd> + <dd style="margin: 0 0 0 120px;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-popstate">HTML5</a></dd> <dt style="float: left; text-align: right; width: 120px;">Interface</dt> <dd style="margin: 0 0 0 120px;">PopStateEvent</dd> <dt style="float: left; text-align: right; width: 120px;">Bubbles</dt> diff --git a/files/fr/web/api/window/postmessage/index.html b/files/fr/web/api/window/postmessage/index.html index 9c4e349959..e7224757d7 100644 --- a/files/fr/web/api/window/postmessage/index.html +++ b/files/fr/web/api/window/postmessage/index.html @@ -13,26 +13,26 @@ translation_of: Web/API/Window/postMessage <div></div> -<p>La méthode <strong><code>window.postMessage</code></strong> 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 <a href="/en-US/docs/Glossary/Origin">origine</a>, c'est-à-dire avec le même protocole (généralement <code>http</code> ou <code>https</code>), le même numéro de port (<code>80</code> étant le port par défaut pour <code>http</code>), et le même nom d'hôte (à condition que <a href="/en-US/docs/DOM/document.domain" title="DOM/document.domain">document.domain</a> soit initialisé à la même valeur par les deux pages). <code>window.postMessage</code> fournit un mécanisme contrôlé pour contourner cette restriction d'une manière sécurisée si bien utilisée.</p> +<p>La méthode <strong><code>window.postMessage</code></strong> 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 <a href="/en-US/docs/Glossary/Origin">origine</a>, c'est-à-dire avec le même protocole (généralement <code>http</code> ou <code>https</code>), le même numéro de port (<code>80</code> étant le port par défaut pour <code>http</code>), et le même nom d'hôte (à condition que <a href="/en-US/docs/DOM/document.domain">document.domain</a> soit initialisé à la même valeur par les deux pages). <code>window.postMessage</code> fournit un mécanisme contrôlé pour contourner cette restriction d'une manière sécurisée si bien utilisée.</p> <p>La méthode <code>window.postMessage</code>, 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 <code>window.postMessage</code> est appelée depuis un gestionnaire d'évènement, des timeouts en attente enregistrées auparavant, etc.) Le {{domxref("MessageEvent")}} est de type <code>message</code>, a une propriété <code>data</code> qui est initialisée à la valeur du premier argument passé à<code> window.postMessage</code>, une propriété <code>origin</code> correspondant à l'origine du document principal de la fenêtre appelant <code>window.postMessage</code> au moment où <code>window.postMessage</code> a été appelée, et une propriété <code>source</code> qui est la fenêtre depuis laquelle <code>window.postMessage</code> est appelée. (les autres propriétés standard d'évènement sont présentes avec leurs valeurs attendues).</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="syntaxbox"><em>otherWindow</em>.postMessage(<em>message</em>, <em>targetOrigin</em>, [<em>transfer</em>]);</pre> <dl> <dt><code><em>otherWindow</em></code></dt> - <dd>Une référence à une autre fenêtre ; une telle référence peut être obtenue, par exemple, <em>via</em> la propriété <code>contentWindow</code> d'un élément <code>iframe</code>, l'objet retourné par <a href="/fr/docs/DOM/window.open" title="DOM/window.open">window.open</a>, ou par index nommé ou numérique de <a href="/fr/docs/Web/API/window.frames" title="DOM/window.frames">window.frames</a>.</dd> + <dd>Une référence à une autre fenêtre ; une telle référence peut être obtenue, par exemple, <em>via</em> la propriété <code>contentWindow</code> d'un élément <code>iframe</code>, l'objet retourné par <a href="/fr/docs/DOM/window.open">window.open</a>, ou par index nommé ou numérique de <a href="/fr/docs/Web/API/window.frames">window.frames</a>.</dd> <dt><code><em>message</em></code></dt> - <dd>La donnée à envoyer à l'autre fenêtre. Elle est sérialisée en utilisant <a href="/fr/docs/Web/Guide/API/DOM/The_structured_clone_algorithm" title="DOM/The structured clone algorithm">l'algorithme de clônage structuré</a>. Cela signifie que vous pouvez passer sereinement une large variété d'objets de données à la fenêtre de destination sans avoir à les sérialiser vous-mêmes. [1]</dd> + <dd>La donnée à envoyer à l'autre fenêtre. Elle est sérialisée en utilisant <a href="/fr/docs/Web/Guide/API/DOM/The_structured_clone_algorithm">l'algorithme de clônage structuré</a>. Cela signifie que vous pouvez passer sereinement une large variété d'objets de données à la fenêtre de destination sans avoir à les sérialiser vous-mêmes. [1]</dd> <dt><code><em>targetOrigin</em></code></dt> <dd>Indique quelle doit être l'origine de <code>otherWindow</code> pour l'évènement à envoyer, soit comme la chaîne littérale <code>"*"</code> (signifiant pas de préférence) soit comme une URI. Si, au moment où l'évènement est inscrit pour être envoyé, le protocole, le nom d'hôte ou le port du document de <code>otherWindow</code> ne correspond pas à ceux contenus dans <code>targetOrigin</code>, l'évènement ne sera pas envoyé ; il ne le sera que si les trois correspondent. Ce mécanisme permet de contrôler où les messages sont envoyés ; par exemple, si <code>postMessage</code> était utilisé pour transmettre un mot de passe, il serait absolument vital que cet argument soit une URI dont l'origine est la même que le récepteur prévu du message contenant le mot de passe, afin de prévenir l'interception du mot de passe par une tierce-partie malicieuse. <strong>Fournissez toujours une <code>targetOrigin</code> spécifique, jamais <code>*</code>, si vous savez où le document de l'autre fenêtre est censé se trouver. Ne pas fournir une cible spécifique expose les données que vous envoyez à tout site malicieux à l'écoute.</strong></dd> <dt><code><em><strong>transfer</strong></em></code> {{optional_Inline}}</dt> <dd>Séquence d'objets {{domxref("Transferable")}} qui sera transmise avec le message. La possession de ces objets est cédée à la destination et ils ne sont plus utilisables du côté de l'expéditeur.</dd> </dl> -<h2 id="The_dispatched_event" name="The_dispatched_event">L'évènement envoyé</h2> +<h2 id="The_dispatched_event">L'évènement envoyé</h2> <p><code>otherWindow</code> peut surveiller les messages envoyés en exécutant le JavaScript suivant :</p> @@ -53,23 +53,23 @@ function receiveMessage(event) <dt><code>data</code></dt> <dd>L'objet passé depuis l'autre fenêtre.</dd> <dt><code>origin</code></dt> - <dd>L'<a href="/en-US/docs/Origin" title="Origin">origine</a> de la fenêtre qui a envoyé le message au moment où <code>postMessage</code> a été appelée. Des exemples typiques d'origines sont <code><span class="nowiki">https://example.org</span></code> (sous-entendu port <code>443</code>), <code><span class="nowiki">http://example.net</span></code> (sous-entendu port <code>80</code>), et <code><span class="nowiki">http://example.com:8080</span></code>. Notez qu'il n'est pas garanti que cette origine soit l'origine actuelle ou future de cette fenêtre, qui peut avoir été naviguée vers une adresse différente depuis l'appel à <code>postMessage</code>.</dd> + <dd>L'<a href="/en-US/docs/Origin">origine</a> de la fenêtre qui a envoyé le message au moment où <code>postMessage</code> a été appelée. Des exemples typiques d'origines sont <code>https://example.org</code> (sous-entendu port <code>443</code>), <code>http://example.net</code> (sous-entendu port <code>80</code>), et <code>http://example.com:8080</code>. Notez qu'il n'est pas garanti que cette origine soit l'origine actuelle ou future de cette fenêtre, qui peut avoir été naviguée vers une adresse différente depuis l'appel à <code>postMessage</code>.</dd> <dt><code>source</code></dt> - <dd>Une référence à l'objet <code><a href="/fr/docs/DOM/window" title="DOM/window">window</a></code> qui a envoyé le message ; vous pouvez utiliser ceci pour établir une communication dans les deux sens entre deux fenêtres ayant différentes origines.</dd> + <dd>Une référence à l'objet <code><a href="/fr/docs/DOM/window">window</a></code> qui a envoyé le message ; vous pouvez utiliser ceci pour établir une communication dans les deux sens entre deux fenêtres ayant différentes origines.</dd> </dl> <dl> </dl> -<h2 id="Security_concerns" name="Security_concerns">Précautions de sécurité</h2> +<h2 id="Security_concerns">Précautions de sécurité</h2> <p><strong>Si vous ne prévoyez pas de recevoir de messages depuis d'autres sites, n'ajoutez pas de gestionnaire d'évènement pour les évènements <code>message</code>.</strong> C'est un moyen sûr d'éviter les problèmes de sécurité.</p> -<p>Si vous prévoyez de recevoir des messages depuis d'autres sites, <strong>vérifiez toujours l'identité de l'expéditeur</strong> à l'aide des propriétés <code>origin</code> et si possible <code>source</code>. Toute fenêtre (y compris, par exemple, <code><span class="nowiki">http://evil.example.com</span></code>) peut envoyer un message à toute autre fenêtre, et vous n'avez aucune garantie qu'un expéditeur inconnu ne va pas envoyer de message malicieux. Cependant, même si vous vérifiez l'identité, vous devriez <strong>toujours vérifier la syntaxe du message reçu</strong>. Dans le cas contraire, une faille de sécurité dans le site auquel vous faites confiance peut ouvrir une vulnérabilité XSS dans votre propre site.</p> +<p>Si vous prévoyez de recevoir des messages depuis d'autres sites, <strong>vérifiez toujours l'identité de l'expéditeur</strong> à l'aide des propriétés <code>origin</code> et si possible <code>source</code>. Toute fenêtre (y compris, par exemple, <code>http://evil.example.com</code>) peut envoyer un message à toute autre fenêtre, et vous n'avez aucune garantie qu'un expéditeur inconnu ne va pas envoyer de message malicieux. Cependant, même si vous vérifiez l'identité, vous devriez <strong>toujours vérifier la syntaxe du message reçu</strong>. Dans le cas contraire, une faille de sécurité dans le site auquel vous faites confiance peut ouvrir une vulnérabilité XSS dans votre propre site.</p> <p><strong>Spécifiez toujours explicitement une origine de destination, jamais <code>*</code>, quand vous utilisez <code>postMessage</code> pour envoyer des données à d'autres fenêtres.</strong> Un site malicieux peut changer l'adresse de la fenêtre à votre insu, et ainsi intercepter les données envoyées à l'aide de <code>postMessage</code>.</p> -<h2 id="Example" name="Example">Exemple</h2> +<h2 id="Example">Exemple</h2> <pre class="brush: js">/* * Dans les scripts de la fenêtre A, avec A sur <http://example.com:8080>: @@ -126,7 +126,7 @@ function receiveMessage(event) window.addEventListener("message", receiveMessage, false); </pre> -<h3 id="Notes" name="Notes">Notes</h3> +<h3 id="Notes">Notes</h3> <p>Toute fenêtre peut accéder à cette méthode sur toute autre fenêtre, à tout moment, peu importe l'adresse du document dans la fenêtre, pour y envoyer un message. Par conséquent, tout gestionnaire d'évènement utilisé pour recevoir des messages <strong>doit</strong> d'abord vérifier l'identité de l'expéditeur du message, en utilisant les propriétés <code>origin</code> et si possible <code>source</code>. Cela ne peut pas être minimisé : <strong>ne pas vérifier les propriétés <code>origin</code> et si possible <code>source</code> permet des attaques inter-site.</strong></p> @@ -173,7 +173,7 @@ window.addEventListener("message", receiveMessage, false); <h2 id="Voir_aussi">Voir aussi</h2> <ul> - <li><a href="/en-US/docs/DOM/document.domain" title="DOM/document.domain">Document.domain</a></li> - <li><a href="/en-US/docs/Web/API/CustomEvent" title="/en-US/docs/Web/API/CustomEvent">CustomEvent</a></li> - <li><a href="/en-US/docs/Code_snippets/Interaction_between_privileged_and_non-privileged_pages" title="/en-US/docs/Code_snippets/Interaction_between_privileged_and_non-privileged_pages">Interaction entre les pages privilégiées et non privilégiées</a></li> + <li><a href="/en-US/docs/DOM/document.domain">Document.domain</a></li> + <li><a href="/en-US/docs/Web/API/CustomEvent">CustomEvent</a></li> + <li><a href="/en-US/docs/Code_snippets/Interaction_between_privileged_and_non-privileged_pages">Interaction entre les pages privilégiées et non privilégiées</a></li> </ul> diff --git a/files/fr/web/api/window/print/index.html b/files/fr/web/api/window/print/index.html index 17eeacc763..89f93aecf3 100644 --- a/files/fr/web/api/window/print/index.html +++ b/files/fr/web/api/window/print/index.html @@ -13,20 +13,18 @@ translation_of: Web/API/Window/print --- <p>{{ ApiRef() }}</p> -<h2 id="Summary" name="Summary">Résumé</h2> - <p>Ouvre la fenêtre de dialogue d'impression pour imprimer le document courant. </p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="eval">window.print() </pre> -<h2 id="Specification" name="Specification">Notes</h2> +<h2 id="Specification">Notes</h2> <p>Disponible à partir de Chrome {{CompatChrome(45.0)}}, cette méthode est bloquée à l'intérieur d'une balise {{htmlelement("iframe")}} sauf si son attribut sandbox a la valeur allow-modal.</p> -<h2 id="Specification" name="Specification">Spécification</h2> +<h2 id="Specification">Spécification</h2> <table class="standard-table"> <tbody> @@ -46,7 +44,7 @@ translation_of: Web/API/Window/print <h2 id="Voir_également">Voir également</h2> <ul> - <li><a href="/en/Printing" title="en/Printing">Printing</a></li> + <li><a href="/en/Printing">Printing</a></li> <li>{{ domxref("window.onbeforeprint") }}</li> <li>{{ domxref("window.onafterprint") }}</li> </ul> diff --git a/files/fr/web/api/window/prompt/index.html b/files/fr/web/api/window/prompt/index.html index 9622d8b8e3..6b37e23e15 100644 --- a/files/fr/web/api/window/prompt/index.html +++ b/files/fr/web/api/window/prompt/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/Window/prompt <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate"><em>résultat</em> = window.prompt(<em>message</em>, <em>défaut</em>); +<pre class="syntaxbox"><em>résultat</em> = window.prompt(<em>message</em>, <em>défaut</em>); </pre> <h3 id="Paramètres">Paramètres</h3> @@ -33,7 +33,7 @@ translation_of: Web/API/Window/prompt <h2 id="Exemples">Exemples</h2> -<pre class="brush: js notranslate">let signe = prompt("Quel est votre signe astrologique ?"); +<pre class="brush: js">let signe = prompt("Quel est votre signe astrologique ?"); if (signe.toLowerCase() == "verseau") { console.log("Oh ? moi aussi je suis verseau :)"); @@ -56,11 +56,11 @@ signe = window.prompt('Quelle est la réponse ?', '42');</pre> <p>Une boîte de dialogue contient un texte sur une ligne, un bouton "Annuler" ainsi qu'un bouton "OK". Elle permet de renvoyer le texte (éventuellement vide) saisi par l'utilisateur dans le champ de saisie.</p> -<p><span class="comment">The following text is shared between this article, DOM:window.confirm and DOM:window.alert</span>Les boîtes de dialogue sont des fenêtres modales : elles empêchent l'utilisateur d'accéder au reste de l'interface du programme tant que la fenêtre n'est pas fermée. Pour ces raisons, mieux vaut ne pas abuser des fonctions qui créent de telles boîtes de dialogue et autres fenêtres modales.</p> +<p>The following text is shared between this article, DOM:window.confirm and DOM:window.alertLes boîtes de dialogue sont des fenêtres modales : elles empêchent l'utilisateur d'accéder au reste de l'interface du programme tant que la fenêtre n'est pas fermée. Pour ces raisons, mieux vaut ne pas abuser des fonctions qui créent de telles boîtes de dialogue et autres fenêtres modales.</p> <p>On notera que le résultat de la fonction est une chaîne de caractères. Cela signifie qu'il faut parfois convertir la valeur founie par l'utilisateur. Si, par exemple, on souhaite que la réponse soit un nombre, il faudra la convertir (avec le constructeur {{jsxref("Number")}} éventuellement).</p> -<pre class="brush: js notranslate">const aNumber = Number(window.prompt("Veuillez saisir un nombre.", ""));</pre> +<pre class="brush: js">const aNumber = Number(window.prompt("Veuillez saisir un nombre.", ""));</pre> <h2 id="Spécifications">Spécifications</h2> diff --git a/files/fr/web/api/window/rejectionhandled_event/index.html b/files/fr/web/api/window/rejectionhandled_event/index.html index fb53af2a1b..ebe167e30f 100644 --- a/files/fr/web/api/window/rejectionhandled_event/index.html +++ b/files/fr/web/api/window/rejectionhandled_event/index.html @@ -15,7 +15,9 @@ translation_of: Web/API/Window/rejectionhandled_event --- <div>{{APIRef("HTML DOM")}}</div> -<p><span class="seoSummary">L'événement <strong><code>rejectionhandled</code></strong> est envoyé à la portée globale du script (généralement {{domxref("window")}} mais aussi {{domxref("Worker")}}) chaque fois qu'un JavaScript {{jsxref("Promise")}} est rejeté mais après que le rejet de la promesse a été traité.</span> Cela peut être utilisé dans le débogage et pour la résilience générale des applications, en tandem avec l'événement {{domxref ("Window.unhandledrejection_event", "unhandledrejection")}}, qui est envoyé lorsqu'une promesse est rejetée mais qu'il n'y a pas de responsable du rejet .</p> +<p>L'événement <strong><code>rejectionhandled</code></strong> est envoyé à la portée globale du script (généralement {{domxref("window")}} mais aussi {{domxref("Worker")}}) chaque fois qu'un JavaScript {{jsxref("Promise")}} est rejeté mais après que le rejet de la promesse a été traité.</p> + +<p>Cela peut être utilisé dans le débogage et pour la résilience générale des applications, en tandem avec l'événement {{domxref ("Window.unhandledrejection_event", "unhandledrejection")}}, qui est envoyé lorsqu'une promesse est rejetée mais qu'il n'y a pas de responsable du rejet .</p> <table class="properties"> <tbody> @@ -42,7 +44,7 @@ translation_of: Web/API/Window/rejectionhandled_event <p>Vous pouvez utiliser l'événement <code>rejectionhandled</code> pour consigner les promesses rejetées sur la console, ainsi que les raisons pour lesquelles elles ont été rejetées :</p> -<pre class="brush: js notranslate">window.addEventListener("rejectionhandled", event => { +<pre class="brush: js">window.addEventListener("rejectionhandled", event => { console.log("Promise rejected; reason: " + event.reason); }, false); </pre> diff --git a/files/fr/web/api/window/requestanimationframe/index.html b/files/fr/web/api/window/requestanimationframe/index.html index 8bdb9c1f89..210fa93d1a 100644 --- a/files/fr/web/api/window/requestanimationframe/index.html +++ b/files/fr/web/api/window/requestanimationframe/index.html @@ -11,20 +11,22 @@ translation_of: Web/API/window/requestAnimationFrame <p>La méthode <strong><code>window.requestAnimationFrame()</code></strong> notifie le navigateur que vous souhaitez exécuter une animation et demande que celui-ci exécute une fonction spécifique de mise à jour de l'animation, avant le prochain rafraîchissement du navigateur. Cette méthode prend comme argument un callback qui sera appelé avant le rafraîchissement du navigateur.</p> -<div class="note"><strong>Note:</strong> Si vous souhaitez animer une nouvelle frame durant le prochain repaint, votre callback doit appeler la méthode <code>requestAnimationFrame()</code>.</div> +<div class="note"> + <p><strong>Note :</strong> Si vous souhaitez animer une nouvelle frame durant le prochain repaint, votre callback doit appeler la méthode <code>requestAnimationFrame()</code>.</p> +</div> <p>Vous devez appeler cette méthode dès que vous êtes prêt à rafraîchir votre animation. La fonction contenant l'animation doit être appelée avant que le navigateur n'effectue un nouveau rafraîchissement . En moyenne, le callback sera appelé 60 fois par seconde, cela dépendra de la fréquence de rafraîchissement de votre écran, conformément aux recommandations de la W3C. Cette fréquence peut être inférieure si plusieurs onglets sont ouverts simultanément.</p> <p>Le callback possède un seul argument, un {{domxref("DOMHighResTimeStamp")}}, qui est le temps, en millisecondes avec une précision minimum de 10 µs, durant lequel l'exécution du rafraîchissement est prévu.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="brush: js"><em>requestID</em> = window.requestAnimationFrame(<em>callback</em>); // Firefox 23 / IE 10 / Chrome / Safari 7 (incl. iOS) <em>requestID</em> = window.mozRequestAnimationFrame(<em>callback</em>); // Firefox < 23 <em>requestID</em> = window.webkitRequestAnimationFrame(callback); // Anciennes versions de Safari / Chrome </pre> -<h3 id="Parameters" name="Parameters">Paramètres</h3> +<h3 id="Parameters">Paramètres</h3> <dl> <dt><code>callback</code></dt> @@ -35,7 +37,7 @@ translation_of: Web/API/window/requestAnimationFrame <p><code>requestID</code> est un entier <code>long</code> unique identifiant l'élément dans la liste des callbacks. C'est une valeur différente de zéro, mais il est prudent de ne pas faire de suppositions sur cette valeur. En passant cette valeur en paramètre de la méthode {{domxref("window.cancelAnimationFrame()")}}, vous annulez l'appel du callback.</p> -<h2 id="Notes" name="Notes">Exemple</h2> +<h2 id="Notes">Exemple</h2> <pre class="brush: js">window.requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame; @@ -58,15 +60,15 @@ function step(timestamp) { requestAnimationFrame(step); </pre> -<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilités</h2> +<h2 id="Browser_compatibility">Compatibilités</h2> <div> <p>{{Compat("api.Window.requestAnimationFrame")}}</p> </div> -<h3 id="Specification" name="Specification">Notes pour Gecko</h3> +<h3 id="Specification">Notes pour Gecko</h3> -<p>[1] Avant Gecko 11.0 {{geckoRelease("11.0")}}, <code>mozRequestAnimationFrame()</code> pouvait être appelée sans paramètres d'entrée. Cela n'est plus supporté et n'est pas <span class="short_text" id="result_box" lang="fr"><span class="hps">susceptible</span></span> d'être standardisé.</p> +<p>[1] Avant Gecko 11.0 {{geckoRelease("11.0")}}, <code>mozRequestAnimationFrame()</code> pouvait être appelée sans paramètres d'entrée. Cela n'est plus supporté et n'est pas susceptible d'être standardisé.</p> <p>[2] Le callback prend comme paramètre un {{domxref("DOMTimeStamp")}} au lieu d'un {{domxref("DOMHighResTimeStamp")}} si c'est la version préfixée qui est utilisée. <code>DOMTimeStamp</code> n'a qu'une précision de l'ordre de la milliseconde, mais <code>DOMHightResTimeStamp</code> a une précision minimale de l'ordre de 10 microsecondes.</p> @@ -74,7 +76,7 @@ requestAnimationFrame(step); <p>La syntaxe correcte, dans Chrome, pour annuler l'exécution est<code> window.cancelAnimationFrame()</code>. Dans les anciennes versions, <code>window.webkitCancelAnimationFrame()</code> & <code>window.webkitCancelRequestAnimationFrame() sont obsolètes</code> mais sont toujours supportées pour le moment.</p> -<h2 id="Specification" name="Specification">Specification</h2> +<h2 id="Specification">Specification</h2> <p>{{spec("http://www.w3.org/TR/animation-timing/#requestAnimationFrame", "Timing control for script-based animations: requestAnimationFrame", "WD")}}</p> @@ -87,5 +89,5 @@ requestAnimationFrame(step); <li><a href="http://paulirish.com/2011/requestanimationframe-for-smart-animating/">requestAnimationFrame for smart animating</a> - Blog post</li> <li><a href="http://hacks.mozilla.org/2011/08/animating-with-javascript-from-setinterval-to-requestanimationframe/">Animating with javascript: from setInterval to requestAnimationFrame</a> - Blog post</li> <li><a href="http://blogs.msdn.com/b/ie/archive/2011/07/05/using-pc-hardware-more-efficiently-in-html5-new-web-performance-apis-part-1.aspx">Using PC Hardware more efficiently in HTML5: New Web Performance APIs, Part 1</a> - Blog post</li> - <li><a href="http://www.testufo.com/#test=animation-time-graph" title="http://www.testufo.com/#test=animation-time-graph">TestUFO: Test your web browser for requestAnimationFrame() Timing Deviations</a></li> + <li><a href="http://www.testufo.com/#test=animation-time-graph">TestUFO: Test your web browser for requestAnimationFrame() Timing Deviations</a></li> </ul> diff --git a/files/fr/web/api/window/requestidlecallback/index.html b/files/fr/web/api/window/requestidlecallback/index.html index 86a3cc180f..ca33f7ac28 100644 --- a/files/fr/web/api/window/requestidlecallback/index.html +++ b/files/fr/web/api/window/requestidlecallback/index.html @@ -5,22 +5,20 @@ translation_of: Web/API/Window/requestIdleCallback --- <div>{{APIRef}}{{SeeCompatTable}}</div> -<h2 id="Summary" name="Summary">Résumé</h2> - <p>La méthode <code><strong>window.requestIdleCallback() </strong></code>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.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="syntaxbox"><code>var idleCallbackId = window.requestIdleCallback(fonction[, options])</code></pre> -<h3 id="Returns" name="Returns">Retour de l'appel</h3> +<h3 id="Returns">Retour de l'appel</h3> <p>Un entier long non-signé qui peut être utilisé pour annulé l'appel à la fonction via la méthode {{domxref("window.cancelIdleCallback()")}}.</p> -<h3 id="Parameters" name="Parameters">Paramètres</h3> +<h3 id="Parameters">Paramètres</h3> <dl> - <dt><font face="Consolas, Liberation Mono, Courier, monospace">fonction</font></dt> + <dt>fonction</dt> <dd>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 : <ul> <li><code>timeRemaining </code>: 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. <code>timeRemaining()</code> retournera toujours zéro si <code>didTimeout</code> 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.</li> diff --git a/files/fr/web/api/window/resizeby/index.html b/files/fr/web/api/window/resizeby/index.html index 982dfa4b23..b74e4ea022 100644 --- a/files/fr/web/api/window/resizeby/index.html +++ b/files/fr/web/api/window/resizeby/index.html @@ -12,7 +12,7 @@ translation_of: Web/API/Window/resizeBy <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate">window.resizeBy(<em>xDelta, yDelta</em>) +<pre class="syntaxbox">window.resizeBy(<em>xDelta, yDelta</em>) </pre> <h3 id="Paramètres">Paramètres</h3> @@ -24,7 +24,7 @@ translation_of: Web/API/Window/resizeBy <h2 id="Exemple">Exemple</h2> -<pre class="brush:js notranslate">// Réduit la fenêtre +<pre class="brush:js">// Réduit la fenêtre window.resizeBy(-200, -200); </pre> @@ -38,7 +38,7 @@ window.resizeBy(-200, -200); <p>Même si vous créez une fenêtre avec <code>window.open()</code> <strong>elle n'est pas redimensionnable par défaut.</strong> Pour rendre la fenêtre redimensionnable, vous devez l'ouvrir avec le paramètre <code>"resizable"</code> .</p> -<pre class="brush: js notranslate">// Créer une fenêtre redimensionnable +<pre class="brush: js">// Créer une fenêtre redimensionnable myExternalWindow = window.open("http://myurl.domain", "myWindowName", "resizable"); // Redimensionner la fenêtre à 500 x 500 diff --git a/files/fr/web/api/window/screen/index.html b/files/fr/web/api/window/screen/index.html index ff16ac6bc9..c86fcb6f61 100644 --- a/files/fr/web/api/window/screen/index.html +++ b/files/fr/web/api/window/screen/index.html @@ -13,14 +13,14 @@ translation_of: Web/API/Window/screen --- <div>{{APIRef("CSSOM View")}}</div> -<div>Retourne une référence à l'objet <code style="font-style: normal; line-height: 1.5;">screen</code> associé à la fenêtre. L'object <code style="font-style: normal; line-height: 1.5;">screen</code>, qui implémente l'interface <span style="line-height: 1.5;">{{domxref("Screen")}}, est un objet spécial servant à examiner les propriétés de l'écran qui affiche la fenêtre courante.</span></div> +<div>Retourne une référence à l'objet <code>screen</code> associé à la fenêtre. L'object <code>screen</code>, qui implémente l'interface {{domxref("Screen")}}, est un objet spécial servant à examiner les propriétés de l'écran qui affiche la fenêtre courante.</div> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="syntaxbox"><var>objetEcran</var> = <var>window</var>.screen; </pre> -<h2 id="Example" name="Example">Examples</h2> +<h2 id="Example">Examples</h2> <pre class="brush:js">if (screen.pixelDepth < 8) { // utiliser la page en colorisation réduite @@ -29,7 +29,7 @@ translation_of: Web/API/Window/screen } </pre> -<h2 id="Specification" name="Specification">Spécifications</h2> +<h2 id="Specification">Spécifications</h2> <table class="standard-table"> <thead> diff --git a/files/fr/web/api/window/screenx/index.html b/files/fr/web/api/window/screenx/index.html index cc762ade3b..2ff4f0dc7b 100644 --- a/files/fr/web/api/window/screenx/index.html +++ b/files/fr/web/api/window/screenx/index.html @@ -12,7 +12,7 @@ translation_of: Web/API/Window/screenX <p>La propriété <code><strong>Window.screenX</strong></code> retourne la distance honrizontale, in CSS pixels, of the left border of the user's browser from the left side of the screen.</p> -<h2 id="Syntax" name="Syntax">Syntax</h2> +<h2 id="Syntax">Syntax</h2> <pre class="syntaxbox"><em>lLoc</em> = window.screenX </pre> @@ -21,9 +21,9 @@ translation_of: Web/API/Window/screenX <li><em><code>lLoc</code></em> is the number of CSS pixels from the left side the screen.</li> </ul> -<h2 id="Specifications" name="Specifications">Specifications</h2> +<h2 id="Specifications">Specifications</h2> -<table class="standard-table" style="height: 49px; width: 1000px;"> +<table class="standard-table"> <thead> <tr> <th scope="col">Specification</th> diff --git a/files/fr/web/api/window/scroll/index.html b/files/fr/web/api/window/scroll/index.html index 82075c6ba2..17ae626928 100644 --- a/files/fr/web/api/window/scroll/index.html +++ b/files/fr/web/api/window/scroll/index.html @@ -4,24 +4,21 @@ slug: Web/API/Window/scroll translation_of: Web/API/Window/scroll --- <p>{{ ApiRef() }}</p> -<h3 id="Summary" name="Summary">Résumé</h3> + <p>Fait glisser la fenêtre vers une position particulière du document</p> -<h3 id="Syntax" name="Syntax">Syntax</h3> +<h3 id="Syntax">Syntax</h3> <pre class="eval">window.scroll(<i>x-coord</i>,<i>y-coord</i>) </pre> -<h3 id="Parameters" name="Parameters">Parameters</h3> +<h3 id="Parameters">Parameters</h3> <ul> <li><code>x-coord</code> est la position horizontale du pixel que vous voulez voir apparaitre en haut à gauche de l’écran.</li> <li><code>y-coord</code> est la position verticale du pixel que vous voulez voir apparaitre en haut à gauche de l’écran.</li> </ul> -<h3 id="Example" name="Example">Example</h3> +<h3 id="Example">Example</h3> <pre> // Déplace la fenêtre 100px plus bas <button onClick="scroll(0, 100);">click to scroll down 100 pixels</button> </pre> -<h3 id="Notes" name="Notes">Notes</h3> +<h3 id="Notes">Notes</h3> <p><a href="en/Window.scrollTo">window.scrollTo</a> a un effet identique à cette méthode. Pour se déplacer par pas dans la page, utilisez <a href="en/Window.scrollBy">window.scrollBy</a>. Jetez aussi un œil à <a href="en/Window.scrollByLines">window.scrollByLines</a> et <a href="en/Window.scrollByPages">window.scrollByPages</a>.</p> -<h3 id="Specification" name="Specification">Specification</h3> -<p>DOM Level 0. Hors spécification.</p> -<div class="noinclude"> - </div> -<p>{{ languages( { "ja": "ja/DOM/window.scroll", "pl": "pl/DOM/window.scroll" } ) }}</p> +<h3 id="Specification">Specification</h3> +<p>DOM Level 0. Hors spécification.</p>
\ No newline at end of file diff --git a/files/fr/web/api/window/scrollbars/index.html b/files/fr/web/api/window/scrollbars/index.html index c8536a550b..1a292aed78 100644 --- a/files/fr/web/api/window/scrollbars/index.html +++ b/files/fr/web/api/window/scrollbars/index.html @@ -15,14 +15,14 @@ translation_of: Web/API/Window/scrollbars <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate"><em>objRef</em> = window.scrollbars +<pre class="syntaxbox"><em>objRef</em> = window.scrollbars </pre> <h2 id="Exemple">Exemple</h2> <p>L'exemple HTML complet suivant montre comment la propriété <code>visible</code> de l'objet scrollbars est utilisée.</p> -<pre class="brush: html notranslate"><!doctype html> +<pre class="brush: html"><!doctype html> <html> <head> <title>Divers Tests DOM</title> diff --git a/files/fr/web/api/window/scrollby/index.html b/files/fr/web/api/window/scrollby/index.html index 17b80d2ea6..8713385ca8 100644 --- a/files/fr/web/api/window/scrollby/index.html +++ b/files/fr/web/api/window/scrollby/index.html @@ -10,16 +10,14 @@ translation_of: Web/API/Window/scrollBy --- <p>{{ APIRef() }}</p> -<h2 id="Summary" name="Summary">Description</h2> - <p>Fait défiler le document dans la fenêtre du nombre de pixels passé en paramètre.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="eval">window.scrollBy(<em>X</em>, <em>Y</em>); </pre> -<h3 id="Parameters" name="Parameters">Paramètres</h3> +<h3 id="Parameters">Paramètres</h3> <ul> <li><code>X</code> est le nombre en pixels pour le défilement horizontal.</li> @@ -28,17 +26,17 @@ translation_of: Web/API/Window/scrollBy <p>Des coordonnées positives feront défiler à droite et vers le bas de la page. Des coordonnées négatives feront défiler à gauche et vers le haut de la page. </p> -<h2 id="Example" name="Example">Exemples</h2> +<h2 id="Example">Exemples</h2> <pre class="eval">// fait défiler d'une page window.scrollBy(0, window.innerHeight); </pre> -<h2 id="Notes" name="Notes">Notes</h2> +<h2 id="Notes">Notes</h2> <p><a href="/fr/docs/DOM/Window.scrollBy">window.scrollBy</a> fait défiler en fonction d'un nombre précis, alors que <a href="/fr/docs/DOM/Window.scroll">window.scroll</a> fait défiler vers une position absolue dans le document. Voir aussi <a href="/fr/docs/DOM/Window.scrollByLines">window.scrollByLines</a>, <a href="/fr/docs/DOM/Window.scrollByPages">window.scrollByPages</a></p> -<h2 id="Specification" name="Specification">Spécification</h2> +<h2 id="Specification">Spécification</h2> <table class="standard-table"> <thead> diff --git a/files/fr/web/api/window/scrollbylines/index.html b/files/fr/web/api/window/scrollbylines/index.html index 471bae984f..eac61c0802 100644 --- a/files/fr/web/api/window/scrollbylines/index.html +++ b/files/fr/web/api/window/scrollbylines/index.html @@ -12,27 +12,23 @@ translation_of: Web/API/Window/scrollByLines --- <div>{{ ApiRef() }}</div> -<div> -<p id="comment_text_2">{{Non-standard_header}}</p> -</div> - -<h2 id="Summary" name="Summary">Description</h2> +<p>{{Non-standard_header}}</p> <p>Fait défiler le document du nombre de lignes spécifié.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="syntaxbox">window.scrollByLines(<var>lignes</var>) </pre> -<h2 id="Parameters" name="Parameters">Paramètres</h2> +<h2 id="Parameters">Paramètres</h2> <ul> <li><code>lignes</code> est le nombre de lignes à faire défiler.</li> <li><code>lignes</code> peut être un entier positif ou négatif.</li> </ul> -<h2 id="Example" name="Example">Exemples</h2> +<h2 id="Example">Exemples</h2> <pre class="brush:html"><!-- Faire défiler le document de 5 lignes vers le bas. --> <button onclick="scrollByLines(5);">5 lignes vers le bas</button> @@ -42,11 +38,11 @@ translation_of: Web/API/Window/scrollByLines <button onclick="scrollByLines(-5);">5 lignes vers le haut</button> </pre> -<h2 id="Specification" name="Specification">Spécification</h2> +<h2 id="Specification">Spécification</h2> -<p id="comment_text_2">Ne fait partie d'aucune spécification.</p> +<p>Ne fait partie d'aucune spécification.</p> -<h2 id="See_also" name="See_also">See also</h2> +<h2 id="See_also">See also</h2> <ul> <li>{{domxref("window.scrollBy")}}, {{domxref("window.scrollByPages")}}</li> diff --git a/files/fr/web/api/window/scrollbypages/index.html b/files/fr/web/api/window/scrollbypages/index.html index e352ef57e0..d3de7c935c 100644 --- a/files/fr/web/api/window/scrollbypages/index.html +++ b/files/fr/web/api/window/scrollbypages/index.html @@ -10,23 +10,21 @@ translation_of: Web/API/Window/scrollByPages --- <p>{{ ApiRef() }}{{Non-standard_header}}</p> -<h3 id="Summary" name="Summary">Description</h3> - <p>Fait défiler le document du nombre de pages spécifié.</p> -<h3 id="Syntax" name="Syntax">Syntaxe</h3> +<h3 id="Syntax">Syntaxe</h3> <pre class="eval">window.scrollByPages(<em>pages</em>) </pre> -<h3 id="Parameters" name="Parameters">Paramètres</h3> +<h3 id="Parameters">Paramètres</h3> <ul> <li><code>pages</code> est le nombre de pages à faire défiler.</li> <li><code>pages</code> peut être un entier positif ou négatif.</li> </ul> -<h3 id="Example" name="Example">Exemples</h3> +<h3 id="Example">Exemples</h3> <pre>// fait défiler le document d'une page vers le bas window.scrollByPages(1); @@ -35,11 +33,11 @@ window.scrollByPages(1); window.scrollByPages(-1); </pre> -<h3 id="Notes" name="Notes">Notes</h3> +<h3 id="Notes">Notes</h3> -<p>Voir aussi <a href="/fr/docs/Web/API/Window/scrollByPages" title="en/DOM/window.scrollBy">window.scrollBy</a>, <a href="/fr/docs/Web/API/Window/scrollByPages" title="en/DOM/window.scrollByLines">window.scrollByLines</a>, <a href="/fr/docs/Web/API/Window/scroll" title="en/DOM/window.scroll">window.scroll</a>, <a href="fr/docs/Web/API/Window/scrollTo" title="en/DOM/window.scrollTo">window.scrollTo</a>.</p> +<p>Voir aussi <a href="/fr/docs/Web/API/Window/scrollByPages">window.scrollBy</a>, <a href="/fr/docs/Web/API/Window/scrollByPages">window.scrollByLines</a>, <a href="/fr/docs/Web/API/Window/scroll">window.scroll</a>, <a href="fr/docs/Web/API/Window/scrollTo">window.scrollTo</a>.</p> -<h3 id="Specification" name="Specification">Spécification</h3> +<h3 id="Specification">Spécification</h3> <p>DOM Niveau 0. Ne fait pas partie de la spécification.</p> diff --git a/files/fr/web/api/window/scrollto/index.html b/files/fr/web/api/window/scrollto/index.html index 8198308355..753059d1c9 100644 --- a/files/fr/web/api/window/scrollto/index.html +++ b/files/fr/web/api/window/scrollto/index.html @@ -8,35 +8,31 @@ translation_of: Web/API/Window/scrollTo --- <p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3> +<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> <p>Fait défiler le document jusqu'à un jeu de coordonnées particulier.</p> -<h3 id="Syntaxe" name="Syntaxe">Syntaxe</h3> +<h3 id="Syntaxe">Syntaxe</h3> <pre class="eval">window.scrollTo(<em>coord-x</em>,<em>coord-y</em>); </pre> -<h3 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h3> +<h3 id="Param.C3.A8tres">Paramètres</h3> <ul> <li><code>coord-x</code> est le pixel le long de l'axe horizontal du document qui doit être affiché en haut à gauche.</li> <li><code>coord-y</code> est le pixel le long de l'axe vertical du document qui doit être affiché en haut à gauche.</li> </ul> -<h3 id="Exemple" name="Exemple">Exemple</h3> +<h3 id="Exemple">Exemple</h3> <pre>window.scrollTo(0, 1000); </pre> -<h3 id="Notes" name="Notes">Notes</h3> +<h3 id="Notes">Notes</h3> <p>Cette fonction est fonctionnellement identique à <a href="scroll">window.scroll</a>. Pour un défilement relatif, consultez <a href="scrollBy">window.scrollBy</a>, <a href="scrollByLines">window.scrollByLines</a> et <a href="scrollByPages">window.scrollByPages</a>.</p> -<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3> +<h3 id="Sp.C3.A9cification">Spécification</h3> <p>{{ DOM0() }}</p> - -<div class="noinclude"> </div> - -<p>{{ languages( { "en": "en/DOM/window.scrollTo", "ja": "ja/DOM/window.scrollTo", "pl": "pl/DOM/window.scrollTo" } ) }}</p> diff --git a/files/fr/web/api/window/scrolly/index.html b/files/fr/web/api/window/scrolly/index.html index 23a8eaea78..6d556c1eae 100644 --- a/files/fr/web/api/window/scrolly/index.html +++ b/files/fr/web/api/window/scrolly/index.html @@ -5,11 +5,9 @@ translation_of: Web/API/Window/scrollY --- <div>{{APIRef}}</div> -<h2 id="Summary" name="Summary">Résumé</h2> - <p>La propriété <code><strong>scrollY</strong></code> de l'objet {{domxref("Window")}} est une propriété en lecture seule. Elle retourne le nombre de pixels la page actuellement défilés verticalement. Dans les navigateurs modernes, cette valeur est précise au sous-pixel près. Ainsi, la valeur retournée n'est pas forcement un entier.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="syntaxbox">var y = window.scrollY;</pre> @@ -17,7 +15,7 @@ translation_of: Web/API/Window/scrollY <li><code>y</code> est le nombre de pixels verticaux défilés.</li> </ul> -<h2 id="Example" name="Example">Exemple</h2> +<h2 id="Example">Exemple</h2> <pre class="brush:js">// make sure and go down to the second page if (window.scrollY) { @@ -26,7 +24,7 @@ if (window.scrollY) { window.scrollByPages(1);</pre> -<h2 id="Notes" name="Notes">Notes</h2> +<h2 id="Notes">Notes</h2> <p>Utilisez cette propriété pour être sûre que le document n'as pas été défilé verticalement si vous utilisez les fonctions de défilement tels que {{domxref("window.scrollBy")}}, {{domxref("window.scrollByLines")}}, ou {{domxref("window.scrollByPages")}}.</p> @@ -43,7 +41,7 @@ var x = supportPageOffset ? window.pageXOffset : isCSS1Compat ? document.documen var y = supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop; </pre> -<h2 id="Specification" name="Specification">Spécifications</h2> +<h2 id="Specification">Spécifications</h2> <table class="standard-table"> <thead> diff --git a/files/fr/web/api/window/sessionstorage/index.html b/files/fr/web/api/window/sessionstorage/index.html index e93c0bb0cc..64a4e4cc27 100644 --- a/files/fr/web/api/window/sessionstorage/index.html +++ b/files/fr/web/api/window/sessionstorage/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/Window/sessionStorage <h2 id="Syntaxe">Syntaxe</h2> -<pre class="brush: js notranslate">// Enregistrer des données dans sessionStorage +<pre class="brush: js">// Enregistrer des données dans sessionStorage sessionStorage.setItem('clé', 'valeur'); // Récupérer des données depuis sessionStorage @@ -34,11 +34,11 @@ sessionStorage.clear();</code> <p>L'exemple de code suivant accède à l'objet de stockage de session associé au domaine actuel et y ajoute une donnée à l'aide de {{domxref("Storage.setItem()")}}.</p> -<pre class="brush: js notranslate">sessionStorage.setItem('myCat', 'Tom');</pre> +<pre class="brush: js">sessionStorage.setItem('myCat', 'Tom');</pre> <p>L'exemple suivant sauvegarde automatiquement le contenu d'un champ textuel. Si la page est accidentellement rafraîchie, le contenu du champ est restauré de sorte qu'aucune saisie n'est perdue.</p> -<pre class="brush: js notranslate">// Récupération du champ à enregistrer +<pre class="brush: js">// Récupération du champ à enregistrer var champ = document.getElementById("champ"); // Vérification de l'existence d'une donnée enregistrée auparavant @@ -55,7 +55,7 @@ champ.addEventListener("change", function() { });</pre> <div class="note"> -<p><strong>Note</strong>: Veuillez vous référer à l'article <a href="/fr/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Utilisation de l'API Web Storage</a> pour des exemples plus complets.</p> +<p><strong>Note :</strong> Veuillez vous référer à l'article <a href="/fr/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Utilisation de l'API Web Storage</a> pour des exemples plus complets.</p> </div> <h2 id="Spécifications">Spécifications</h2> @@ -79,7 +79,7 @@ champ.addEventListener("change", function() { <p>{{Compat("api.Window.sessionStorage")}}</p> -<p>Chaque navigateur attribue des capacités de stockage limitées pour <code>localStorage</code> et <code>sessionStorage</code>. Vous en trouverez certaines dans ce <a class="external" href="http://dev-test.nemikor.com/web-storage/support-test/">récapitulatif de tests des capacités de stockage attribuées en fonction du navigateur</a>.</p> +<p>Chaque navigateur attribue des capacités de stockage limitées pour <code>localStorage</code> et <code>sessionStorage</code>. Vous en trouverez certaines dans ce <a href="http://dev-test.nemikor.com/web-storage/support-test/">récapitulatif de tests des capacités de stockage attribuées en fonction du navigateur</a>.</p> <h2 id="Voir_aussi">Voir aussi</h2> diff --git a/files/fr/web/api/window/showmodaldialog/index.html b/files/fr/web/api/window/showmodaldialog/index.html index e3fba42ed2..3d86815e6a 100644 --- a/files/fr/web/api/window/showmodaldialog/index.html +++ b/files/fr/web/api/window/showmodaldialog/index.html @@ -7,19 +7,19 @@ translation_of: Web/API/Window/showModalDialog --- <p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3> +<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> <p>Crée et affiche un dialogue modal contenant un document HTML spécifié.</p> -<div class="note"> -<p><strong><em>Cette fonction est obsolète</em></strong>.</p> +<div class="warning"> +<p><strong>Attention :</strong> Cette fonction est obsolète.</p> <p>Le support a été arrêté avec la sortie de <a href="http://blog.chromium.org/2014/07/disabling-showmodaldialog.html">Chrome 37</a>. Il y possibilité de la laisser active juqu'en Mai 2015 en configurant les paramètres de politique d'entreprise, plus de détails : <a href="http://www.chromium.org/administrators/policy-list-3#EnableDeprecatedWebPlatformFeatures">ici</a>.</p> <p>Mozilla a annoncé que le support de cette méthode sera supprimé ({{bug(981796)}}). Ce changement ne sera pas effectif avant Firefox 39, planifié pour les alentours de mi-juin 2015. Pour les entreprises, il est possible d'utiliser le build ESR 38 qui supportera la méthode jusqu'en milieu d'année 2016.</p> </div> -<h3 id="Syntaxe" name="Syntaxe">Syntaxe</h3> +<h3 id="Syntaxe">Syntaxe</h3> <pre class="eval"><em>retour</em> = window.showModalDialog(<em>uri</em>[,<em>arguments</em>][,<em>options</em>]); </pre> @@ -40,7 +40,7 @@ translation_of: Web/API/Window/showModalDialog <th>Description</th> </tr> <tr> - <td><code>center: <span class="nowiki">{on | off | yes | no | 1 | 0 }</span></code></td> + <td><code>center: {on | off | yes | no | 1 | 0 }</code></td> <td>Si cette valeur est <code>on</code>, <code>yes</code> ou 1, la fenêtre de dialogue est centrée sur le bureau ; autrement elle est cachée. La valeur par défaut est <code>yes</code>.</td> </tr> <tr> @@ -60,11 +60,11 @@ translation_of: Web/API/Window/showModalDialog <td>Spécifie la position verticale de la boîte de dialogue par rapport au coin supérieur gauche du bureau.</td> </tr> <tr> - <td><code>resizable: <span class="nowiki">{on | off | yes | no | 1 | 0 }</span></code></td> + <td><code>resizable: {on | off | yes | no | 1 | 0 }</code></td> <td>Si cette valeur est <code>on</code>, <code>yes</code> ou 1, la fenêtre de dialogue peut être redimensionnée par l'utilisateur ; autrement sa taille est fixe. La valeur par défaut est <code>no</code>.</td> </tr> <tr> - <td><code>scroll: <span class="nowiki">{on | off | yes | no | 1 | 0 }</span></code></td> + <td><code>scroll: {on | off | yes | no | 1 | 0 }</code></td> <td>Si cette valeur est <code>on</code>, <code>yes</code> ou 1, la fenêtre de dialogue a des barres de défilement ; autrement elle n'en a pas. La valeur par défaut est <code>no</code>.</td> </tr> </tbody> @@ -72,20 +72,16 @@ translation_of: Web/API/Window/showModalDialog <p>{{ Note("Firefox n\'implémente pas les paramètres <code>dialogHide</code>, <code>edge</code>, <code>status</code> ou <code>unadorned</code>.") }}</p> -<h3 id="Compatibilit.C3.A9" name="Compatibilit.C3.A9">Compatibilité</h3> +<h3 id="Compatibilit.C3.A9">Compatibilité</h3> <p>Introduit par Microsoft Internet Explorer 4. Support ajouté à Firefox dans Firefox 3.</p> -<h3 id="Exemples" name="Exemples">Exemples</h3> +<h3 id="Exemples">Exemples</h3> -<p><a class="external" href="http://developer.mozilla.org/samples/domref/showModalDialog.html">Essayer <code>showModalDialog()</code></a>.</p> +<p><a href="/samples/domref/showModalDialog.html">Essayer <code>showModalDialog()</code></a>.</p> -<h3 id="Notes" name="Notes">Notes</h3> +<h3 id="Notes">Notes</h3> -<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3> +<h3 id="Sp.C3.A9cification">Spécification</h3> -<p>Microsoft MSDN : <a class="external" href="http://msdn2.microsoft.com/en-us/library/ms536759.aspx">showModalDialog</a></p> - -<div class="noinclude"> </div> - -<p>{{ languages( { "en": "en/DOM/window.showModalDialog", "ja": "ja/DOM/window.showModalDialog" } ) }}</p> +<p>Microsoft MSDN : <a href="http://msdn2.microsoft.com/en-us/library/ms536759.aspx">showModalDialog</a></p> diff --git a/files/fr/web/api/window/stop/index.html b/files/fr/web/api/window/stop/index.html index 144637b97b..491876c7b8 100644 --- a/files/fr/web/api/window/stop/index.html +++ b/files/fr/web/api/window/stop/index.html @@ -11,27 +11,25 @@ tags: - stop translation_of: Web/API/Window/stop --- -<div> {{APIRef}}</div> +<div>{{APIRef}}</div> -<div><span class="seoSummary"><strong><code>window.stop()</code></strong> arrête le chargment des ressources supplémentaires dans le contexte de navigation actuel, ce qui équivaut au bouton d'arrêt dans le navigateur.</span></div> +<p><strong><code>window.stop()</code></strong> arrête le chargment des ressources supplémentaires dans le contexte de navigation actuel, ce qui équivaut au bouton d'arrêt dans le navigateur.</p> -<div></div> +<p>En raison de la manière dont les scripts sont exécutés, cette méthode ne peut pas interrompre le chargement de son document parent, mais elle arrêtera ses images, nouvelles fenêtres et autres objets en cours de chargement.</p> -<div>En raison de la manière dont les scripts sont exécutés, cette méthode ne peut pas interrompre le chargement de son document parent, mais elle arrêtera ses images, nouvelles fenêtres et autres objets en cours de chargement.</div> +<h2 id="Syntax">Syntaxe</h2> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> - -<pre class="syntaxbox notranslate">window.stop() +<pre class="syntaxbox">window.stop() </pre> -<h2 id="Example" name="Example">Exemple</h2> +<h2 id="Example">Exemple</h2> -<pre class="brush:js notranslate">window.stop(); +<pre class="brush:js">window.stop(); </pre> -<h2 id="Specification" name="Specification">Spécification</h2> +<h2 id="Specification">Spécification</h2> -<table class="spectable standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="col">Spécifications</th> diff --git a/files/fr/web/api/window/storage_event/index.html b/files/fr/web/api/window/storage_event/index.html index 49152ebc7d..8bfbc393b3 100644 --- a/files/fr/web/api/window/storage_event/index.html +++ b/files/fr/web/api/window/storage_event/index.html @@ -41,7 +41,7 @@ translation_of: Web/API/Window/storage_event <p>Consignez l'élément <code>sampleList</code> sur la console lorsque l'événement <code>storage</code> se déclenche :</p> -<pre class="brush: js notranslate">window.addEventListener('storage', () => { +<pre class="brush: js">window.addEventListener('storage', () => { // Lorsque le stockage local change, vider la liste sur // la console. console.log(JSON.parse(window.localStorage.getItem('sampleList'))); @@ -49,7 +49,7 @@ translation_of: Web/API/Window/storage_event <p>La même action peut être réalisée ) l'aide de la propriété du gestionnaire d'événements <code><a href="/en-US/docs/Web/API/WindowEventHandlers/onstorage">onstorage</a></code> :</p> -<pre class="brush: js notranslate">window.onstorage = () => { +<pre class="brush: js">window.onstorage = () => { // Lorsque le stockage local change, vider la liste dans // la console. console.log(JSON.parse(window.localStorage.getItem('sampleList'))); diff --git a/files/fr/web/api/window/top/index.html b/files/fr/web/api/window/top/index.html index 01b394037f..8fa533e6f9 100644 --- a/files/fr/web/api/window/top/index.html +++ b/files/fr/web/api/window/top/index.html @@ -16,7 +16,7 @@ translation_of: Web/API/Window/top <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate">var <var>topWindow</var> = window.top; +<pre class="syntaxbox">var <var>topWindow</var> = window.top; </pre> <h2 id="Notes">Notes</h2> diff --git a/files/fr/web/api/window/unload_event/index.html b/files/fr/web/api/window/unload_event/index.html index 1803dc1f98..aa14cc47c8 100644 --- a/files/fr/web/api/window/unload_event/index.html +++ b/files/fr/web/api/window/unload_event/index.html @@ -7,14 +7,13 @@ tags: translation_of: Web/API/Window/unload_event original_slug: Web/Events/unload --- -<p><br> - <span class="seoSummary">L'événement <code>unload</code> est appelé lorsque le document ou une ressource enfant est en train d'être déchargé.</span></p> +<p>L'événement <code>unload</code> est appelé lorsque le document ou une ressource enfant est en train d'être déchargé.</p> <p>Il est lancé après :</p> <ol> - <li><a href="/en-US/docs/Mozilla_event_reference/beforeunload" title="/en-US/docs/Mozilla_event_reference/beforeunload">beforeunload</a> (événement annulable)</li> - <li><a href="/en-US/docs/Mozilla_event_reference/pagehide" title="/en-US/docs/Mozilla_event_reference/pagehide">pagehide</a></li> + <li><a href="/en-US/docs/Mozilla_event_reference/beforeunload">beforeunload</a> (événement annulable)</li> + <li><a href="/en-US/docs/Mozilla_event_reference/pagehide">pagehide</a></li> </ol> <p>Le document se trouve alors dans un état particulier :</p> @@ -66,28 +65,28 @@ original_slug: Web/Events/unload <tbody> <tr> <td><code>target</code> {{readonlyInline}}</td> - <td><a href="/en-US/docs/Web/API/EventTarget" title="EventTarget is an interface implemented by objects that can receive events and may have listeners for them."><code>EventTarget</code></a></td> + <td><a href="/en-US/docs/Web/API/EventTarget"><code>EventTarget</code></a></td> <td>La cible de l'événement (la cible de plus haut niveau dans le DOM).</td> </tr> <tr> <td><code>type</code> {{readonlyInline}}</td> - <td><a href="/en-US/docs/Web/API/DOMString" title="DOMString is a UTF-16 String. As JavaScript already uses such strings, DOMString is mapped directly to a String."><code>DOMString</code></a></td> + <td><a href="/en-US/docs/Web/API/DOMString"><code>DOMString</code></a></td> <td>Le type d'événement.</td> </tr> <tr> <td><code>bubbles</code> {{readonlyInline}}</td> - <td><a href="/en-US/docs/Web/API/Boolean" title="The Boolean object is an object wrapper for a boolean value."><code>Boolean</code></a></td> + <td><a href="/en-US/docs/Web/API/Boolean"><code>Boolean</code></a></td> <td>Si l'événement remonte ou non.</td> </tr> <tr> <td><code>cancelable</code> {{readonlyInline}}</td> - <td><a href="/en-US/docs/Web/API/Boolean" title="The Boolean object is an object wrapper for a boolean value."><code>Boolean</code></a></td> + <td><a href="/en-US/docs/Web/API/Boolean"><code>Boolean</code></a></td> <td>Si l'événement est annulable ou non.</td> </tr> <tr> <td><code>view</code> {{readonlyInline}}</td> - <td><a class="new" href="/en-US/docs/Web/API/WindowProxy" rel="nofollow" title="The documentation about this has not yet been written; please consider contributing!"><code>WindowProxy</code></a></td> - <td><a href="/en-US/docs/Web/API/Document/defaultView" title="In browsers, document.defaultView returns the window object associated with a document, or null if none is available."><code>document.defaultView</code></a> (<code>fenêtre</code> du document)</td> + <td><a href="/en-US/docs/Web/API/WindowProxy" rel="nofollow"><code>WindowProxy</code></a></td> + <td><a href="/en-US/docs/Web/API/Document/defaultView"><code>document.defaultView</code></a> (<code>fenêtre</code> du document)</td> </tr> <tr> <td><code>detail</code> {{readonlyInline}}</td> @@ -152,6 +151,6 @@ original_slug: Web/Events/unload <h2 id="Spécifications">Spécifications</h2> <ul> - <li><a href="https://html.spec.whatwg.org/multipage/browsers.html#unloading-documents" title="http://www.whatwg.org/specs/web-apps/current-work/#unload-a-document">Unloading Documents — unload a document</a></li> - <li><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-unload" title="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-unload">Event Module Definition — unload</a></li> + <li><a href="https://html.spec.whatwg.org/multipage/browsers.html#unloading-documents">Unloading Documents — unload a document</a></li> + <li><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-unload">Event Module Definition — unload</a></li> </ul> diff --git a/files/fr/web/api/window/vrdisplayconnect_event/index.html b/files/fr/web/api/window/vrdisplayconnect_event/index.html index 9ec3b9eb0c..888a500d2f 100644 --- a/files/fr/web/api/window/vrdisplayconnect_event/index.html +++ b/files/fr/web/api/window/vrdisplayconnect_event/index.html @@ -40,14 +40,14 @@ translation_of: Web/API/Window/vrdisplayconnect_event <p>Vous pouvez utiliser l'événement <code>vrdisplayconnect</code> dans une méthode <code><a href="/en-US/docs/Web/API/EventTarget/addEventListener">addEventListener</a></code> :</p> -<pre class="brush: js notranslate">window.addEventListener('vrdisplayconnect', function() { +<pre class="brush: js">window.addEventListener('vrdisplayconnect', function() { info.textContent = 'Affichage connecté.'; reportDisplays(); });</pre> <p>Ou utilisez la propriété du gestionnaire d'événements <code><a href="/en-US/docs/Web/API/Window/onvrdisplayconnect">onvrdisplayconnect</a></code> :</p> -<pre class="brush: js notranslate">window.onvrdisplayconnect = function() { +<pre class="brush: js">window.onvrdisplayconnect = function() { info.textContent = 'Affichage connecté.'; reportDisplays(); };</pre> diff --git a/files/fr/web/api/window/vrdisplaydisconnect_event/index.html b/files/fr/web/api/window/vrdisplaydisconnect_event/index.html index b6beea3f6e..75a6c9924a 100644 --- a/files/fr/web/api/window/vrdisplaydisconnect_event/index.html +++ b/files/fr/web/api/window/vrdisplaydisconnect_event/index.html @@ -40,14 +40,14 @@ translation_of: Web/API/Window/vrdisplaydisconnect_event <p>Vous pouvez utiliser l'événement <code>vrdisplaydisconnect</code> dans une méthode <code><a href="/en-US/docs/Web/API/EventTarget/addEventListener">addEventListener</a></code> :</p> -<pre class="brush: js notranslate">window.addEventListener('vrdisplaydisconnect', function() { +<pre class="brush: js">window.addEventListener('vrdisplaydisconnect', function() { info.textContent = 'Affichage déconnecté'; reportDisplays(); });</pre> <p>Ou utilisez la propriété du gestionnaire d'événements <code><a href="/en-US/docs/Web/API/Window/onvrdisplaydisconnect">onvrdisplaydisconnect</a></code> :</p> -<pre class="brush: js notranslate">window.onvrdisplaydisconnect = function() { +<pre class="brush: js">window.onvrdisplaydisconnect = function() { info.textContent = 'Affichage déconnecté'; reportDisplays(); );</pre> diff --git a/files/fr/web/api/window/vrdisplaypresentchange_event/index.html b/files/fr/web/api/window/vrdisplaypresentchange_event/index.html index 01e3b050b1..c2abcb5e12 100644 --- a/files/fr/web/api/window/vrdisplaypresentchange_event/index.html +++ b/files/fr/web/api/window/vrdisplaypresentchange_event/index.html @@ -40,7 +40,7 @@ translation_of: Web/API/Window/vrdisplaypresentchange_event <p>Vous pouvez utiliser l'événement <code>vrdisplaypresentchange</code> dans une méthode <code><a href="/en-US/docs/Web/API/EventTarget/addEventListener">addEventListener</a></code> :</p> -<pre class="brush: js notranslate">window.addEventListener('vrdisplaypresentchange', function() { +<pre class="brush: js">window.addEventListener('vrdisplaypresentchange', function() { if(vrDisplay.isPresenting) { info.textContent = "L'affichage a commencé à présenter."; } else { @@ -51,7 +51,7 @@ translation_of: Web/API/Window/vrdisplaypresentchange_event <p>Ou utilisez la propriété de gestionnaire d'événements <code><a href="/en-US/docs/Web/API/Window/onvrdisplaypresentchange">onvrdisplaypresentchange</a></code> :</p> -<pre class="brush: js notranslate">window.onvrdisplaypresentchange = function() { +<pre class="brush: js">window.onvrdisplaypresentchange = function() { if(vrDisplay.isPresenting) { info.textContent = "L'affichage a commencé à présenter."; } else { |