diff options
| author | julieng <julien.gattelier@gmail.com> | 2021-10-02 17:20:24 +0200 |
|---|---|---|
| committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-02 17:30:20 +0200 |
| commit | 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch) | |
| tree | 30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/windoweventhandlers | |
| parent | c05efa8d7ae464235cf83d7c0956e42dc6974103 (diff) | |
| download | translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2 translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip | |
convert content to md
Diffstat (limited to 'files/fr/web/api/windoweventhandlers')
8 files changed, 231 insertions, 369 deletions
diff --git a/files/fr/web/api/windoweventhandlers/index.md b/files/fr/web/api/windoweventhandlers/index.md index b74f03c601..16b52003b1 100644 --- a/files/fr/web/api/windoweventhandlers/index.md +++ b/files/fr/web/api/windoweventhandlers/index.md @@ -5,89 +5,59 @@ tags: - API translation_of: Web/API/WindowEventHandlers --- -<div>{{APIRef("HTML DOM")}}</div> - -<div>La mixin <strong><code>WindowEventHandlers</code></strong> décrit les gestionnaires d'événements communs à plusieurs interfaces comme {{domxref("Window")}}, or {{domxref("HTMLBodyElement")}} et {{domxref("HTMLFrameSetElement")}}. Chacune de ces interfaces peut implémenter des gestionnaires d'événement supplémentaires.</div> - - -<div class="note"> -<p><strong>Note :</strong> <code>WindowEventHandlers</code> est une mixin et non une interface; il n'est pas possible de créer un objet de type <code>WindowEventHandlers</code>.</p> -</div> - -<h2 id="Propriétés">Propriétés</h2> - -<p><em>Les propriétés d'événement, de la forme <code>onXYZ</code>, sont définis sur {{domxref("WindowEventHandlers")}} et implémentées par {{domxref("Window")}} ou {{domxref("WorkerGlobalScope")}} pour les Web Workers.</em></p> - -<dl> - <dt>{{domxref("WindowEventHandlers.onafterprint")}}</dt> - <dd>Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("afterprint")}} est déclenché.</dd> - <dt>{{domxref("WindowEventHandlers.onbeforeprint")}}</dt> - <dd>Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("beforeprint")}} est déclenché.</dd> - <dt>{{domxref("WindowEventHandlers.onbeforeunload")}}</dt> - <dd>Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("beforeunload")}} est déclenché.</dd> - <dt>{{domxref("WindowEventHandlers.onhashchange")}}</dt> - <dd>Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("hashchange")}} est déclenché.</dd> - <dt>{{domxref("WindowEventHandlers.onlanguagechange")}} {{experimental_inline}}</dt> - <dd>Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("languagechange")}} est déclenché.</dd> - <dt>{{domxref("WindowEventHandlers.onmessage")}}</dt> - <dd>Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("message")}} est déclenché.</dd> - <dt>{{domxref("WindowEventHandlers.onoffline")}}</dt> - <dd>Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("offline")}} est déclenché.</dd> - <dt>{{domxref("WindowEventHandlers.ononline")}}</dt> - <dd>Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("online")}} est déclenché.</dd> - <dt>{{domxref("WindowEventHandlers.onpagehide")}}</dt> - <dd>Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("pagehide")}} est déclenché.</dd> - <dt>{{domxref("WindowEventHandlers.onpageshow")}}</dt> - <dd>Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("pageshow")}} est déclenché.</dd> - <dt>{{domxref("WindowEventHandlers.onpopstate")}}</dt> - <dd>Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("popstate")}} est déclenché.</dd> - <dt>{{domxref("WindowEventHandlers.onresize")}}</dt> - <dd>Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("resize")}} est déclenché.</dd> - <dt>{{domxref("WindowEventHandlers.onstorage")}}</dt> - <dd>Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("storage")}} est déclenché.</dd> - <dt>{{domxref("WindowEventHandlers.onunload")}}</dt> - <dd>Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("unload")}} est déclenché.</dd> -</dl> - -<h2 id="Méthodes">Méthodes</h2> - -<p><em>Cette interface ne définit aucune méthode.</em></p> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', '#windoweventhandlers', 'GlobalEventHandlers')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td>Pas de changement depuis {{SpecName("HTML5.1")}}.</td> - </tr> - <tr> - <td>{{SpecName('HTML5.1', '#windoweventhandlers', 'GlobalEventHandlers')}}</td> - <td>{{Spec2('HTML5.1')}}</td> - <td>Snapshot de {{SpecName("HTML WHATWG")}}. Ajoute <code>onlanguage</code>.</td> - </tr> - <tr> - <td>{{SpecName("HTML5 W3C", "#windoweventhandlers", "GlobalEventHandlers")}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td>Snapshot de {{SpecName("HTML WHATWG")}}. Création de <code>WindowEventHandlers</code> (les propriétés étaient sur la cible avant).</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.WindowEventHandlers")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("Window")}} et {{domxref("WorkerGlobalScope")}}</li> -</ul> +{{APIRef("HTML DOM")}}La mixin **`WindowEventHandlers`** décrit les gestionnaires d'événements communs à plusieurs interfaces comme {{domxref("Window")}}, or {{domxref("HTMLBodyElement")}} et {{domxref("HTMLFrameSetElement")}}. Chacune de ces interfaces peut implémenter des gestionnaires d'événement supplémentaires. + +> **Note :** `WindowEventHandlers` est une mixin et non une interface; il n'est pas possible de créer un objet de type `WindowEventHandlers`. + +## Propriétés + +_Les propriétés d'événement, de la forme `onXYZ`, sont définis sur {{domxref("WindowEventHandlers")}} et implémentées par {{domxref("Window")}} ou {{domxref("WorkerGlobalScope")}} pour les Web Workers._ + +- {{domxref("WindowEventHandlers.onafterprint")}} + - : Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("afterprint")}} est déclenché. +- {{domxref("WindowEventHandlers.onbeforeprint")}} + - : Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("beforeprint")}} est déclenché. +- {{domxref("WindowEventHandlers.onbeforeunload")}} + - : Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("beforeunload")}} est déclenché. +- {{domxref("WindowEventHandlers.onhashchange")}} + - : Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("hashchange")}} est déclenché. +- {{domxref("WindowEventHandlers.onlanguagechange")}} {{experimental_inline}} + - : Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("languagechange")}} est déclenché. +- {{domxref("WindowEventHandlers.onmessage")}} + - : Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("message")}} est déclenché. +- {{domxref("WindowEventHandlers.onoffline")}} + - : Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("offline")}} est déclenché. +- {{domxref("WindowEventHandlers.ononline")}} + - : Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("online")}} est déclenché. +- {{domxref("WindowEventHandlers.onpagehide")}} + - : Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("pagehide")}} est déclenché. +- {{domxref("WindowEventHandlers.onpageshow")}} + - : Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("pageshow")}} est déclenché. +- {{domxref("WindowEventHandlers.onpopstate")}} + - : Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("popstate")}} est déclenché. +- {{domxref("WindowEventHandlers.onresize")}} + - : Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("resize")}} est déclenché. +- {{domxref("WindowEventHandlers.onstorage")}} + - : Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("storage")}} est déclenché. +- {{domxref("WindowEventHandlers.onunload")}} + - : Est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'événement {{event("unload")}} est déclenché. + +## Méthodes + +_Cette interface ne définit aucune méthode._ + +## Spécifications + +| Specification | Status | Comment | +| ---------------------------------------------------------------------------------------------------- | -------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- | +| {{SpecName('HTML WHATWG', '#windoweventhandlers', 'GlobalEventHandlers')}} | {{Spec2('HTML WHATWG')}} | Pas de changement depuis {{SpecName("HTML5.1")}}. | +| {{SpecName('HTML5.1', '#windoweventhandlers', 'GlobalEventHandlers')}} | {{Spec2('HTML5.1')}} | Snapshot de {{SpecName("HTML WHATWG")}}. Ajoute `onlanguage`. | +| {{SpecName("HTML5 W3C", "#windoweventhandlers", "GlobalEventHandlers")}} | {{Spec2('HTML5 W3C')}} | Snapshot de {{SpecName("HTML WHATWG")}}. Création de `WindowEventHandlers` (les propriétés étaient sur la cible avant). | + +## Compatibilité des navigateurs + +{{Compat("api.WindowEventHandlers")}} + +## Voir aussi + +- {{domxref("Window")}} et {{domxref("WorkerGlobalScope")}} diff --git a/files/fr/web/api/windoweventhandlers/onafterprint/index.md b/files/fr/web/api/windoweventhandlers/onafterprint/index.md index c51179479a..2eff2b9b01 100644 --- a/files/fr/web/api/windoweventhandlers/onafterprint/index.md +++ b/files/fr/web/api/windoweventhandlers/onafterprint/index.md @@ -12,54 +12,38 @@ tags: - évènements translation_of: Web/API/WindowEventHandlers/onafterprint --- -<div>{{ApiRef}}</div> +{{ApiRef}} -<p>La propriété WindowEventHandlers.onafterprint définit et renvoie {{event("afterprint")}} {{event("Event_handlers", "event handler")}} pourl a fenêtre actuelle.</p> +La propriété WindowEventHandlers.onafterprint définit et renvoie {{event("afterprint")}} {{event("Event_handlers", "event handler")}} pourl a fenêtre actuelle. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox"><em>window</em>.onafterprint = <em>code de traitement de l'événement</em> -</pre> + window.onafterprint = code de traitement de l'événement -<h2 id="Notes">Notes</h2> +## Notes -<p>Les événements <code>beforeprint</code> et <code>afterprint</code> permettent aux pages de modifier leur contenu avant le début de l'impression (pour supprimer une bannière, par exemple), puis d'annuler ces modifications une fois l'impression terminée. En général, les auteurs de contenu devraient préférer l'utilisation d'une règle CSS <a href="/en-US/docs/Web/CSS/@media">@media print</a>, mais il peut être nécessaire d'utiliser ces événements dans certains cas.</p> +Les événements `beforeprint` et `afterprint` permettent aux pages de modifier leur contenu avant le début de l'impression (pour supprimer une bannière, par exemple), puis d'annuler ces modifications une fois l'impression terminée. En général, les auteurs de contenu devraient préférer l'utilisation d'une règle CSS [@media print](/en-US/docs/Web/CSS/@media), mais il peut être nécessaire d'utiliser ces événements dans certains cas. -<p>L'événement <code>afterprint</code> est appelé après l'impression par l'utilisateur, ou s'il interrompt la boîte de dialogue d'impression.</p> +L'événement `afterprint` est appelé après l'impression par l'utilisateur, ou s'il interrompt la boîte de dialogue d'impression. -<p> </p> -<p> </p> -<p>Safari ne reconnaît pas ces événements.</p> -<h2 id="Spécification">Spécification</h2> -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - <tr> - <td>{{SpecName('HTML WHATWG', '#handler-window-onafterprint', 'onafterprint')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td> </td> - </tr> - </tbody> -</table> +Safari ne reconnaît pas ces événements. -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Spécification +| Specification | Status | Comment | +| ---------------------------------------------------------------------------------------------------- | -------------------------------- | ------- | +| {{SpecName('HTML WHATWG', '#handler-window-onafterprint', 'onafterprint')}} | {{Spec2('HTML WHATWG')}} | | +## Compatibilité des navigateurs -<p>{{Compat("api.WindowEventHandlers.onafterprint")}}</p> +{{Compat("api.WindowEventHandlers.onafterprint")}} -<h2 id="Voir_également">Voir également</h2> +## Voir également -<ul> - <li>{{domxref("window.print")}}</li> - <li>{{domxref("window.onbeforeprint")}}</li> - <li><a href="/en-US/docs/Printing">Printing</a></li> -</ul>
\ No newline at end of file +- {{domxref("window.print")}} +- {{domxref("window.onbeforeprint")}} +- [Printing](/en-US/docs/Printing) diff --git a/files/fr/web/api/windoweventhandlers/onbeforeprint/index.md b/files/fr/web/api/windoweventhandlers/onbeforeprint/index.md index 049c317a23..1df25a3c86 100644 --- a/files/fr/web/api/windoweventhandlers/onbeforeprint/index.md +++ b/files/fr/web/api/windoweventhandlers/onbeforeprint/index.md @@ -8,59 +8,43 @@ tags: - impression translation_of: Web/API/WindowEventHandlers/onbeforeprint --- -<div>{{ApiRef}}</div> +{{ApiRef}} -<p>La propriété <code>onbeforeprint</code> définit et retourne le code du gestionnaire d'événement <code>onbeforeprint</code> onbeforeprint pour la fenêtre actuelle.</p> +La propriété `onbeforeprint` définit et retourne le code du gestionnaire d'événement `onbeforeprint` onbeforeprint pour la fenêtre actuelle. -<h2 id="Syntax">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">window.onbeforeprint = <em>code de traitement de l'événement</em> -</pre> + window.onbeforeprint = code de traitement de l'événement -<h2 id="Notes">Notes</h2> +## Notes -<p>Les événements <code>beforeprint</code> et <code>afterprint</code> permettent aux pages de modifier leur contenu avant le début de l'impression (peut-être pour supprimer une bannière, par exemple), puis d'annuler ces modifications une fois l'impression terminée. En général, les auteurs de contenu devraient préférer l'utilisation d'une règle CSS <a href="/en-US/docs/Web/CSS/@media">@media print</a>, mais il peut être nécessaire d'utiliser ces événements dans certains cas.</p> +Les événements `beforeprint` et `afterprint` permettent aux pages de modifier leur contenu avant le début de l'impression (peut-être pour supprimer une bannière, par exemple), puis d'annuler ces modifications une fois l'impression terminée. En général, les auteurs de contenu devraient préférer l'utilisation d'une règle CSS [@media print](/en-US/docs/Web/CSS/@media), mais il peut être nécessaire d'utiliser ces événements dans certains cas. -<p>L'événement <code>beforeprint</code> est appelé avant l'ouverture de la fenêtre de dialogue d'impression.</p> +L'événement `beforeprint` est appelé avant l'ouverture de la fenêtre de dialogue d'impression. -<p>Safari ne reconnaît pas ces événements, mais un résultat équivalent à l'événement <code>beforeprint</code> peut être obtenu avec <code>{{domxref("window.matchMedia")}}('print')</code>.</p> +Safari ne reconnaît pas ces événements, mais un résultat équivalent à l'événement `beforeprint` peut être obtenu avec `{{domxref("window.matchMedia")}}('print')`. -<pre class="brush: js">var mediaQueryList = window.matchMedia('print'); +```js +var mediaQueryList = window.matchMedia('print'); mediaQueryList.addListener(function(mql) { if(mql.matches) { console.log('équivalent webkit de onbeforeprint'); } -});</pre> +}); +``` -<h2 id="Specification">Spécification</h2> +## Spécification -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', '#handler-window-onbeforeprint', 'onbeforeprint')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td> </td> - </tr> - </tbody> -</table> +| Specification | Status | Comment | +| -------------------------------------------------------------------------------------------------------- | -------------------------------- | ------- | +| {{SpecName('HTML WHATWG', '#handler-window-onbeforeprint', 'onbeforeprint')}} | {{Spec2('HTML WHATWG')}} | | -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs +{{Compat("api.WindowEventHandlers.onbeforeprint")}} +## Voir également -<p>{{Compat("api.WindowEventHandlers.onbeforeprint")}}</p> - -<h2 id="See_also">Voir également</h2> - -<ul> - <li>{{domxref("window.print")}}</li> - <li>{{domxref("window.onafterprint")}}</li> - <li><a href="/en-US/docs/Printing">Printing</a></li> -</ul> +- {{domxref("window.print")}} +- {{domxref("window.onafterprint")}} +- [Printing](/en-US/docs/Printing) diff --git a/files/fr/web/api/windoweventhandlers/onbeforeunload/index.md b/files/fr/web/api/windoweventhandlers/onbeforeunload/index.md index 638f24c27b..fa0a5fd81e 100644 --- a/files/fr/web/api/windoweventhandlers/onbeforeunload/index.md +++ b/files/fr/web/api/windoweventhandlers/onbeforeunload/index.md @@ -3,25 +3,28 @@ title: window.onbeforeunload slug: Web/API/WindowEventHandlers/onbeforeunload translation_of: Web/API/WindowEventHandlers/onbeforeunload --- -<h2 id="Sommaire">Résumé</h2> +## Résumé -<p>Le gestionnaire d'événement <code><strong>WindowEventHandlers.onbeforeunload</strong></code> contient le code exécuté lorsque l'évènement {{event("beforeunload")}} est envoyé. Cet événement se déclenche lorsque la fenêtre est sur le point de recharger ses ressources.</p> +Le gestionnaire d'événement **`WindowEventHandlers.onbeforeunload`** contient le code exécuté lorsque l'évènement {{event("beforeunload")}} est envoyé. Cet événement se déclenche lorsque la fenêtre est sur le point de recharger ses ressources. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="brush: html"><element beforeunload="funcRef(event);" /></pre> +```html +<element beforeunload="funcRef(event);" /> +``` -<pre class="brush: html"><script type="text/javascript"> +```html +<script type="text/javascript"> window.onbeforeunload = funcRef -</script></pre> +</script> +``` -<ul> - <li>funcRef : Référence à une fonction appelée lorsque l'évènement se déclenche</li> -</ul> +- funcRef : Référence à une fonction appelée lorsque l'évènement se déclenche -<h2 id="Exemple">Exemple</h2> +## Exemple -<pre class="brush: js">window.onbeforeunload = function (e) { +```js +window.onbeforeunload = function (e) { var e = e || window.event; // For IE and Firefox @@ -32,18 +35,16 @@ translation_of: Web/API/WindowEventHandlers/onbeforeunload // For Safari return 'Any string'; }; -</pre> +``` -<h2 id="EventProperty">Propriétés de l'objet <strong>event</strong></h2> +## Propriétés de l'objet **event** -<pre>returnValue</pre> + returnValue -<ul> - <li>Applique ou récupère la valeur de retour de l'évènement.</li> -</ul> +- Applique ou récupère la valeur de retour de l'évènement. -<h2 id="Spécification">Spécification</h2> +## Spécification -<p>L'évènement 'onbeforeunload' a été introduit par Microsoft dans IE4 et s'est généralisé dans tous les navigateurs.</p> +L'évènement 'onbeforeunload' a été introduit par Microsoft dans IE4 et s'est généralisé dans tous les navigateurs. -<p><a href="http://msdn.microsoft.com/en-us/library/ms536907%28VS.85%29.aspx">MSDN—onbeforeunload Event</a></p> +[MSDN—onbeforeunload Event](http://msdn.microsoft.com/en-us/library/ms536907%28VS.85%29.aspx) diff --git a/files/fr/web/api/windoweventhandlers/onhashchange/index.md b/files/fr/web/api/windoweventhandlers/onhashchange/index.md index 1a495e5a37..973f3353f8 100644 --- a/files/fr/web/api/windoweventhandlers/onhashchange/index.md +++ b/files/fr/web/api/windoweventhandlers/onhashchange/index.md @@ -3,39 +3,29 @@ title: WindowEventHandlers.onhashchange slug: Web/API/WindowEventHandlers/onhashchange translation_of: Web/API/WindowEventHandlers/onhashchange --- -<div> -<div>{{APIRef("HTML DOM")}}</div> +{{APIRef("HTML DOM")}}L'événement **hashchange** est déclenché lorsque le hash de l'url change (cf. {{domxref("Window.location", "location.hash")}}). -<div>L'événement <strong>hashchange</strong> est déclenché lorsque le hash de l'url change (cf. {{domxref("Window.location", "location.hash")}}).</div> +## Syntaxe -<div> </div> -</div> + window.onhashchange = funcRef; -<h2 id="Syntaxe">Syntaxe</h2> +**ou** -<pre class="syntaxbox">window.onhashchange = funcRef; -</pre> + <body onhashchange="funcRef();"> -<p><strong>ou</strong></p> +**ou** -<pre class="syntaxbox"><body onhashchange="funcRef();"> -</pre> + window.addEventListener("hashchange", funcRef, false); -<p><strong>ou</strong></p> +### Paramètres -<pre class="syntaxbox">window.addEventListener("hashchange", funcRef, false); -</pre> +- `funcRef` + - : Une référence à une fonction. -<h3 id="Paramètres">Paramètres</h3> +## Exemples -<dl> - <dt><code>funcRef</code></dt> - <dd>Une référence à une fonction.</dd> -</dl> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush:js">if ("onhashchange" in window) { +```js +if ("onhashchange" in window) { alert("Le navigateur prend en charge l'événement hashchange!"); } @@ -46,35 +36,36 @@ function locationHashChanged() { } window.onhashchange = locationHashChanged; -</pre> +``` -<h2 id="L'événement_hashchange">L'événement hashchange</h2> +## L'événement hashchange -<p>Lorsque l'observateur d'événement déclenche l'événement hashchange il passe en paramêtres les arguments suivante:</p> +Lorsque l'observateur d'événement déclenche l'événement hashchange il passe en paramêtres les arguments suivante: <table class="standard-table"> - <tbody> - <tr> - <td class="header">Paramêtre</td> - <td class="header">Type</td> - <td class="header">Description</td> - </tr> - <tr> - <td><code>newURL</code> {{gecko_minversion_inline("6.0")}}</td> - <td><code>DOMString</code></td> - <td>Le nouvel URL où le navigateur est.</td> - </tr> - <tr> - <td><code>oldURL</code> {{gecko_minversion_inline("6.0")}}</td> - <td><code>DOMString</code></td> - <td>L'ancien URL où le navigateur se trouvait.</td> - </tr> - </tbody> + <tbody> + <tr> + <td class="header">Paramêtre</td> + <td class="header">Type</td> + <td class="header">Description</td> + </tr> + <tr> + <td><code>newURL</code> {{gecko_minversion_inline("6.0")}}</td> + <td><code>DOMString</code></td> + <td>Le nouvel URL où le navigateur est.</td> + </tr> + <tr> + <td><code>oldURL</code> {{gecko_minversion_inline("6.0")}}</td> + <td><code>DOMString</code></td> + <td>L'ancien URL où le navigateur se trouvait.</td> + </tr> + </tbody> </table> -<h3 id="Une_solution_autour_de_event.newURL_et_event.oldURL">Une solution autour de event.newURL et event.oldURL</h3> +### Une solution autour de event.newURL et event.oldURL -<pre class="brush:js">//insérez ce bout de code au début de votre code pour observer les changements de hash dans l'URL +```js +//insérez ce bout de code au début de votre code pour observer les changements de hash dans l'URL if(!window.HashChangeEvent)(function(){ var lastURL=document.URL; window.addEventListener("hashchange",function(event){ @@ -83,47 +74,24 @@ if(!window.HashChangeEvent)(function(){ lastURL=document.URL; }); }()); -</pre> +``` -<h3 id="sect1"> </h3> +### -<h2 id="Spécifications">Spécifications </h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécifications</th> - <th scope="col">Statut</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', '#windoweventhandlers', 'GlobalEventHandlers')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML5.1', '#windoweventhandlers', 'GlobalEventHandlers')}}</td> - <td>{{Spec2('HTML5.1')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName("HTML5 W3C", "#windoweventhandlers", "GlobalEventHandlers")}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td> </td> - </tr> - </tbody> -</table> +| Spécifications | Statut | Commentaires | +| ---------------------------------------------------------------------------------------------------- | -------------------------------- | ------------ | +| {{SpecName('HTML WHATWG', '#windoweventhandlers', 'GlobalEventHandlers')}} | {{Spec2('HTML WHATWG')}} | | +| {{SpecName('HTML5.1', '#windoweventhandlers', 'GlobalEventHandlers')}} | {{Spec2('HTML5.1')}} | | +| {{SpecName("HTML5 W3C", "#windoweventhandlers", "GlobalEventHandlers")}} | {{Spec2('HTML5 W3C')}} | | -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.WindowEventHandlers.onhashchange")}}</p> +{{Compat("api.WindowEventHandlers.onhashchange")}} -<h2 id="See_also">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="/fr/docs/Web/Guide/DOM/Manipuler_historique_du_navigateur">Manipuler l'historique du navigateur</a></li> - <li>Méthodes <a href="/fr/docs/Web/API/Window/history">history.pushState() et history.replaceState()</a></li> - <li>L'événement <a href="/fr/docs/Web/API/WindowEventHandlers/onpopstate">popstate</a></li> -</ul> +- [Manipuler l'historique du navigateur](/fr/docs/Web/Guide/DOM/Manipuler_historique_du_navigateur) +- Méthodes [history.pushState() et history.replaceState()](/fr/docs/Web/API/Window/history) +- L'événement [popstate](/fr/docs/Web/API/WindowEventHandlers/onpopstate) diff --git a/files/fr/web/api/windoweventhandlers/onlanguagechange/index.md b/files/fr/web/api/windoweventhandlers/onlanguagechange/index.md index 5fe039c2cb..7f0dabe81f 100644 --- a/files/fr/web/api/windoweventhandlers/onlanguagechange/index.md +++ b/files/fr/web/api/windoweventhandlers/onlanguagechange/index.md @@ -10,55 +10,38 @@ tags: - Window translation_of: Web/API/WindowEventHandlers/onlanguagechange --- -<div>{{APIRef("HTML DOM")}} {{SeeCompatTable}}</div> +{{APIRef("HTML DOM")}} {{SeeCompatTable}} -<p>La propriété <code><strong>onlanguagechange</strong></code> du mixin {{domxref("WindowEventHandlers")}} est le {{event("Event_handlers", "event handler")}} pour le traitement des événements {{event("languagechange")}}.</p> +La propriété **`onlanguagechange`** du mixin {{domxref("WindowEventHandlers")}} est le {{event("Event_handlers", "event handler")}} pour le traitement des événements {{event("languagechange")}}. -<p>Ces événements sont reçus par l'objet implémentant cette interface, généralement un {{domxref ("Window")}}, un {{domxref ("HTMLBodyElement")}} ou un {{domxref ("HTMLIFrameElement")}}. Un tel événement est envoyé par le navigateur pour informer que la liste des langues préférées a été mise à jour. La liste est accessible via {{domxref("NavigatorLanguage.languages")}}.</p> +Ces événements sont reçus par l'objet implémentant cette interface, généralement un {{domxref ("Window")}}, un {{domxref ("HTMLBodyElement")}} ou un {{domxref ("HTMLIFrameElement")}}. Un tel événement est envoyé par le navigateur pour informer que la liste des langues préférées a été mise à jour. La liste est accessible via {{domxref("NavigatorLanguage.languages")}}. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox"><em>object</em>.onlanguagechange = <em>function</em>; -</pre> + object.onlanguagechange = function; -<h3 id="Valeur">Valeur</h3> +### Valeur -<ul> - <li><code>function</code> est le nom d'une fonction définie par l'utilisateur, sans le suffixe <code>()</code> ni aucun paramètre, ou une déclaration de fonction anonyme, telle que <code>function(event) {...}</code>. Un gestionnaire d'événements a toujours un seul paramètre, contenant l'événement, ici de type {{domxref ("Event")}}.</li> -</ul> +- `function` est le nom d'une fonction définie par l'utilisateur, sans le suffixe `()` ni aucun paramètre, ou une déclaration de fonction anonyme, telle que `function(event) {...}`. Un gestionnaire d'événements a toujours un seul paramètre, contenant l'événement, ici de type {{domxref ("Event")}}. -<h2 id="Exemple">Exemple</h2> +## Exemple -<pre class="brush: js">window.onlanguagechange = function(event) { +```js +window.onlanguagechange = function(event) { console.log('événement de changement de langue détecté!'); }; -</pre> +``` -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('HTML WHATWG', '#handler-window-onlanguagechange', 'WindowEventHandler.onlanguagechange') }}</td> - <td>{{ Spec2('HTML WHATWG') }}</td> - <td>Spécification initiale.</td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| -------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | ----------------------- | +| {{ SpecName('HTML WHATWG', '#handler-window-onlanguagechange', 'WindowEventHandler.onlanguagechange') }} | {{ Spec2('HTML WHATWG') }} | Spécification initiale. | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.WindowEventHandlers.onlanguagechange")}}</p> +{{Compat("api.WindowEventHandlers.onlanguagechange")}} -<h2 id="Voir_également">Voir également</h2> +## Voir également -<ul> - <li>L'événement {{event("languagechange")}} et son type, {{domxref("Event")}}</li> -</ul> +- L'événement {{event("languagechange")}} et son type, {{domxref("Event")}} diff --git a/files/fr/web/api/windoweventhandlers/onpopstate/index.md b/files/fr/web/api/windoweventhandlers/onpopstate/index.md index ff23d12a70..e9d7b97a63 100644 --- a/files/fr/web/api/windoweventhandlers/onpopstate/index.md +++ b/files/fr/web/api/windoweventhandlers/onpopstate/index.md @@ -3,32 +3,30 @@ title: window.onpopstate slug: Web/API/WindowEventHandlers/onpopstate translation_of: Web/API/WindowEventHandlers/onpopstate --- -<p>{{ ApiRef() }}</p> +{{ ApiRef() }} -<p>{{ gecko_minversion_header("2") }}</p> +{{ gecko_minversion_header("2") }} -<h3 id="Résumé">Résumé</h3> +### Résumé -<p>Un gestionnaire d'évènement pour l'évènement <code>popstate</code> de la fenêtre.</p> +Un gestionnaire d'évènement pour l'évènement `popstate` de la fenêtre. -<p>L'évènement <code>popstate</code> est envoyé à la fenêtre à chaque fois que l'entrée actuelle de l'historique change avec 2 autres entrées du même document. Si l'entrée actuelle a été créée en appelant <code>history.pushState()</code> ou a été modifiée en appelant <code>history.replaceState()</code>, la propriété state de l'évènement <code>popstate</code> contient une copie de l'objet d'entrée de l'historique.</p> +L'évènement `popstate` est envoyé à la fenêtre à chaque fois que l'entrée actuelle de l'historique change avec 2 autres entrées du même document. Si l'entrée actuelle a été créée en appelant `history.pushState()` ou a été modifiée en appelant `history.replaceState()`, la propriété state de l'évènement `popstate` contient une copie de l'objet d'entrée de l'historique. -<p>Sachez qu'appeler <code>history.pushState()</code> ou <code>history.replaceState()</code> ne déclenchera pas l'évènement <code>popstate</code>. Cet évènement n'est déclenché que par une action utilisateur telle que cliquer sur le bouton Retour (ou appeler <code>history.back()</code>, en JavaScript). L'évènement n'est déclenché que pour la navigation entre deux entrées du même document.</p> +Sachez qu'appeler `history.pushState()` ou `history.replaceState()` ne déclenchera pas l'évènement `popstate`. Cet évènement n'est déclenché que par une action utilisateur telle que cliquer sur le bouton Retour (ou appeler `history.back()`, en JavaScript). L'évènement n'est déclenché que pour la navigation entre deux entrées du même document. -<h3 id="Syntax">Syntaxe</h3> +### Syntaxe -<pre class="eval">window.onpopstate = <em>funcRef</em>; -</pre> + window.onpopstate = funcRef; -<ul> - <li><code>funcRef</code> est une référence à une fonction.</li> -</ul> +- `funcRef` est une référence à une fonction. -<h3 id="Lévènement_popstate">L'évènement popstate</h3> +### L'évènement popstate -<p>Par exemple, une page à l'adresse <a href="http://example.com/example.html">http://example.com/example.html</a> exécutant le code suivant générera les alertes suivantes:</p> +Par exemple, une page à l'adresse <http://example.com/example.html> exécutant le code suivant générera les alertes suivantes: -<pre class="brush: js">window.onpopstate = function(event) { +```js +window.onpopstate = function(event) { alert("adresse: " + document.location + ", état: " + JSON.stringify(event.state)); }; history.pushState({page: 1}, "titre 1", "?page=1"); @@ -37,20 +35,16 @@ history.replaceState({page: 3}, "titre 3", "?page=3"); history.back(); // affiche "adresse: http://example.com/example.html?page=1, état: {"page":1}" history.back(); // affiche "adresse: http://example.com/example.html, état: null history.go(2); // affiche "adresse: http://example.com/example.html?page=3, état: {"page":3} -</pre> +``` -<p>Même si l'entrée originelle (de <a href="http://example.com/example.html">http://example.com/example.html</a>) n'a aucun objet d'état associé, l'évènement <code>popstate</code> est toujours déclenché lorsque l'entrée est activée après un deuxième appel à <code>history.back()</code>.</p> +Même si l'entrée originelle (de <http://example.com/example.html>) n'a aucun objet d'état associé, l'évènement `popstate` est toujours déclenché lorsque l'entrée est activée après un deuxième appel à `history.back()`. -<h3 id="Specification">Spécification</h3> +### Spécification -<ul> - <li><a href="http://www.whatwg.org/specs/web-apps/current-work/#handler-window-onpopstate">HTML5 popstate event</a></li> -</ul> +- [HTML5 popstate event](http://www.whatwg.org/specs/web-apps/current-work/#handler-window-onpopstate) -<h3 id="Lire_également">Lire également</h3> +### Lire également -<ul> - <li>{{ domxref("window.history") }}</li> - <li><a href="/fr/docs/DOM/manipuler_lhistorique_du_navigateur">Manipuler l'historique du navigateur</a></li> - <li><a href="/fr/docs/DOM/Manipulating_the_browser_history/Example">Exemple de navigation en Ajax</a></li> -</ul>
\ No newline at end of file +- {{ domxref("window.history") }} +- [Manipuler l'historique du navigateur](/fr/docs/DOM/manipuler_lhistorique_du_navigateur) +- [Exemple de navigation en Ajax](/fr/docs/DOM/Manipulating_the_browser_history/Example) diff --git a/files/fr/web/api/windoweventhandlers/onunload/index.md b/files/fr/web/api/windoweventhandlers/onunload/index.md index 613631c10d..3947be68fd 100644 --- a/files/fr/web/api/windoweventhandlers/onunload/index.md +++ b/files/fr/web/api/windoweventhandlers/onunload/index.md @@ -8,49 +8,27 @@ tags: - WindowEventHandlers translation_of: Web/API/WindowEventHandlers/onunload --- -<div>{{APIRef("HTML DOM")}}</div> - -<p>L'événement <strong><code>unload</code></strong> est déclenché lorsque le contenu et les ressources sont déchargés à la fermeture de la fenêtre. Le processus de suppression des ressources se fait <em>après</em> que l'événement <code>unload </code>a eu lieu.</p> - -<p>Les navigateurs équipés d'un bloqueur de pop-up vont ignorer tout appel de <code>window.open()</code> lancé depuis onunload.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">window.addEventListener("unload", function(event) { ... }); -window.onunload = function(event) { ... }; -</pre> - -<p>Généralement, mieux vaut utiliser {{domxref("EventTarget.addEventListener", "window.addEventListener()")}} et l'événement {{event("unload")}} plutôt que <code>onunload</code>.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', '#handler-window-onunload', 'onunload')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('HTML5.1', '#windoweventhandlers', 'GlobalEventHandlers')}}</td> - <td>{{Spec2('HTML5.1')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName("HTML5 W3C", "#windoweventhandlers", "GlobalEventHandlers")}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.WindowEventHandlers.onunload")}}</p> +{{APIRef("HTML DOM")}} + +L'événement **`unload`** est déclenché lorsque le contenu et les ressources sont déchargés à la fermeture de la fenêtre. Le processus de suppression des ressources se fait _après_ que l'événement `unload `a eu lieu. + +Les navigateurs équipés d'un bloqueur de pop-up vont ignorer tout appel de `window.open()` lancé depuis onunload. + +## Syntaxe + + window.addEventListener("unload", function(event) { ... }); + window.onunload = function(event) { ... }; + +Généralement, mieux vaut utiliser {{domxref("EventTarget.addEventListener", "window.addEventListener()")}} et l'événement {{event("unload")}} plutôt que `onunload`. + +## Spécifications + +| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------------------ | -------------------------------- | ------------ | +| {{SpecName('HTML WHATWG', '#handler-window-onunload', 'onunload')}} | {{Spec2('HTML WHATWG')}} | | +| {{SpecName('HTML5.1', '#windoweventhandlers', 'GlobalEventHandlers')}} | {{Spec2('HTML5.1')}} | | +| {{SpecName("HTML5 W3C", "#windoweventhandlers", "GlobalEventHandlers")}} | {{Spec2('HTML5 W3C')}} | | + +## Compatibilité des navigateurs + +{{Compat("api.WindowEventHandlers.onunload")}} |