diff options
author | MDN <actions@users.noreply.github.com> | 2021-06-08 00:58:25 +0000 |
---|---|---|
committer | MDN <actions@users.noreply.github.com> | 2021-06-08 00:58:25 +0000 |
commit | 5e990a17012ff5ed90ae1559a11bbe4bc74c887a (patch) | |
tree | cb5001d2192bc027272aca437d6aa42cbe34212b /files/fr/orphaned/web | |
parent | 30628708e318da59965b7c8e0d7fec0d47680909 (diff) | |
download | translated-content-5e990a17012ff5ed90ae1559a11bbe4bc74c887a.tar.gz translated-content-5e990a17012ff5ed90ae1559a11bbe4bc74c887a.tar.bz2 translated-content-5e990a17012ff5ed90ae1559a11bbe4bc74c887a.zip |
[CRON] sync translated content
Diffstat (limited to 'files/fr/orphaned/web')
3 files changed, 185 insertions, 0 deletions
diff --git a/files/fr/orphaned/web/api/abstractworker/index.html b/files/fr/orphaned/web/api/abstractworker/index.html new file mode 100644 index 0000000000..896e022561 --- /dev/null +++ b/files/fr/orphaned/web/api/abstractworker/index.html @@ -0,0 +1,80 @@ +--- +title: AbstractWorker +slug: orphaned/Web/API/AbstractWorker +tags: + - API + - Interface + - Reference + - Web Workers +translation_of: Web/API/AbstractWorker +original_slug: Web/API/AbstractWorker +--- +<p>{{ APIRef() }}</p> + +<p>L'interface <strong><code>AbstractWorker</code></strong> de l'<a href="/fr/docs/Web/API/Web_Workers_API">API Web Worker</a> résume les propriétés et les méthodes communes à tous les types de workers, comme {{domxref("Worker")}}, {{domxref("SharedWorker")}} ou {{domxref("ServiceWorker")}}. Étant une classe abstraite, vous n'interagirez pas directement avec elle.</p> + +<h2 id="Propriétés">Propriétés</h2> + +<p><em>L'interface <code>AbstractWorker</code></em><em> n'hérite d'aucune propriété.</em></p> + +<h3 id="Gestionnaires_d’évènements">Gestionnaires d’évènements</h3> + +<dl> + <dt>{{domxref("AbstractWorker.onerror")}}</dt> + <dd>Un {{ domxref("EventListener") }} appelé chaque fois qu'un {{domxref("ErrorEvent")}} de type <code>error</code> apparaît à l'intérieur du worker.</dd> +</dl> + +<h2 id="Méthodes">Méthodes</h2> + +<p><em>L'interface de <code>AbstractWorker</code></em><em> n'hérite ou n'implémente aucune méthode.</em></p> + +<h2 id="Exemple">Exemple</h2> + +<p>Notez que vous n’utiliserez pas directement l’interface <code>AbstractWorker</code> dans votre code — lorsqu’elles sont appelées, les interfaces {{domxref("Worker")}} et {{domxref("SharedWorker")}} héritent des propriétés d’<code>AbstractWorker</code>. L’extrait de code suivant présente la création d’un objet {{domxref("Worker")}} utilisant le constructeur {{domxref("Worker.Worker", "Worker()")}}, ainsi que l’usage de cet objet:</p> + +<pre class="brush: js">var monWorker = new Worker("worker.js"); + +first.onchange = function() { + monWorker.postMessage([first.value,second.value]); + console.log('Message envoyé au worker'); +}</pre> + +<p>Le worker est chargé à partir du ficher «<code>worker.js</code>». Ce code suppose qu'il y a un élément {{HTMLElement("input")}}, représenté par <code>first</code>, avec un gestionnaire d'évènement pour l'évènement {{domxref("change")}} qui signale un changement de valeur par l'utilisateur, ce qui entraîne l'envoi d'un message au <em>worker</em>.</p> + +<p>Pour des exemples complets, voir :</p> + +<ul> + <li><a class="external external-icon" href="https://github.com/mdn/simple-web-worker">Exemple de worker dédié simple </a>(<a class="external external-icon" href="http://mdn.github.io/simple-web-worker/">exécuter le worker dédié</a>).</li> + <li><a class="external external-icon" href="https://github.com/mdn/simple-shared-worker">Exemple de worker partagé simple</a> (<a class="external external-icon" href="http://mdn.github.io/simple-shared-worker/">exécuter le worker partagé</a>).</li> +</ul> + +<h2 id="Spécifications">Spécifications</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Spécification</th> + <th scope="col">Statut</th> + <th scope="col">Commentaire</th> + </tr> + <tr> + <td>{{SpecName("HTML WHATWG", "#abstractworker", "AbstractWorker")}}</td> + <td>{{Spec2("HTML WHATWG")}}</td> + <td>Pas de changement depuis {{SpecName("Web Workers")}}.</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> + + + +<p>{{Compat("api.AbstractWorker")}}</p> + +<h2 id="Voir_également">Voir également</h2> + +<ul> + <li>Les interfaces {{domxref("Worker")}}, {{domxref("ServiceWorker")}} et {{domxref("SharedWorker")}} qui héritent d’<strong><code>AbstractWorker</code></strong> .</li> + <li><a href="/fr/docs/Web/API/Web_Workers_API">Web Workers API</a></li> + <li><a href="/fr/docs/Web/API/Web_Workers_API/Utilisation_des_web_workers">Utilisation des web workers </a></li> +</ul> diff --git a/files/fr/orphaned/web/api/abstractworker/onerror/index.html b/files/fr/orphaned/web/api/abstractworker/onerror/index.html new file mode 100644 index 0000000000..133e53188b --- /dev/null +++ b/files/fr/orphaned/web/api/abstractworker/onerror/index.html @@ -0,0 +1,56 @@ +--- +title: AbstractWorker.onerror +slug: orphaned/Web/API/AbstractWorker/onerror +translation_of: Web/API/AbstractWorker/onerror +original_slug: Web/API/AbstractWorker/onerror +--- +<p>{{ APIRef("AbstractWorker") }}</p> + +<p>La propriété <code><strong>AbstractWorker</strong></code><strong><code>.onerror</code></strong> de l'interface {{domxref("AbstractWorker")}} représente un {{event("Event_handlers", "event handler")}}, c'est-à-dire une fonction à appeler lorsque l'événement {{event("error")}} survient et se propage à travers le {{domxref("Worker")}}.</p> + +<h2 id="Syntaxe">Syntaxe</h2> + +<pre>myWorker.onerror = function() { ... };</pre> + +<h2 id="Exemple">Exemple</h2> + +<p>L'extrait de code suivant montre la création d'un objet <a href="https://developer.mozilla.org/en-US/docs/Web/API/Worker" title="The Worker interface represents a background task that can be easily created and can send messages back to its creator. Creating a worker is as simple as calling the Worker() constructor and specifying a script to be run in the worker thread."><code>Worker</code></a> utilisant le constructeur <a href="https://developer.mozilla.org/en-US/docs/Web/API/Worker.Worker" title="The Worker() constructor creates a Worker that executes the script at the specified URL. This script must obey the same-origin policy."><code>Worker()</code></a> et l'ajout d'un gestionnaire <code>onerror</code> à l'objet en question :</p> + +<pre class="brush: js">var myWorker = new Worker("worker.js"); + +myWorker.onerror = function() { + console.log('le worker a rencontré une erreur !'); +}</pre> + +<h2 id="Spécifications">Spécifications</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Spécification</th> + <th scope="col">Statut</th> + <th scope="col">Commentaire</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "#handler-abstractworker-onerror", "AbstractWorker.onerror")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td></td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> + +<div class="hidden">he compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</div> + +<p>{{Compat("api.AbstractWorker.onerror")}}</p> + +<h3 id="Comportement_des_worker_en_cas_derreur_cross-origin">Comportement des worker en cas d'erreur cross-origin</h3> + +<p>Dans les versions antérieurs des navigateurs, essayer de charger un script <em>worker</em> en cross-origin lève une exception <code>SecurityError</code>; dans les versions plus récentes, un évènement {{event("error")}} est déclenché; suite à un changement de spécification. Pour plus d'information sur la manière de gérer cela: <a href="https://www.fxsitecompat.com/en-CA/docs/2016/loading-cross-origin-worker-now-fires-error-event-instead-of-throwing-worker-in-sandboxed-iframe-no-longer-allowed/">(en) Loading cross-origin worker now fires error event instead of throwing; worker in sandboxed iframe no longer allowed</a>.</p> + +<h2 id="Voir_aussi">Voir aussi</h2> + +<ul> + <li>L'interface {{domxref("AbstractWorker")}} à laquelle elle appartient.</li> +</ul> diff --git a/files/fr/orphaned/web/api/element/currentstyle/index.html b/files/fr/orphaned/web/api/element/currentstyle/index.html new file mode 100644 index 0000000000..fdc8666731 --- /dev/null +++ b/files/fr/orphaned/web/api/element/currentstyle/index.html @@ -0,0 +1,49 @@ +--- +title: Element.currentStyle +slug: orphaned/Web/API/Element/currentStyle +tags: + - API + - NeedsExample + - Non-standard + - Property +translation_of: Web/API/Element/currentStyle +original_slug: Web/API/Element/currentStyle +--- +<div>{{APIRef("DOM")}}{{Non-standard_header}}</div> + +<p class="summary"><strong><code>Element.currentStyle</code></strong> est une propriété propriétaire qui est similaire à la méthode normalisée {{DOMxRef("window.getComputedStyle()")}}. Elle est disponible dans les anciennes versions de Microsoft Internet Explorer. Cependant, elle renvoie les unités définies dans CSS alors que <code>window.getComputedStyle()</code> renvoie les valeurs en pixels.</p> + +<h2 id="Polyfill">Prothèse d'émulation</h2> + +<div class="notecard note"> + <p>Cette prothèse d'émulation retourne les valeurs en pixels et risque d'être plutôt lent, car il doit appeler {{domxref("window.getComputedStyle()")}} chaque fois que sa valeur est lue.</p> +</div> + +<pre class="brush: js">/* Tout droit d'auteur est dédié au domaine public. + * http://creativecommons.org/publicdomain/zero/1.0/ */ + +if (!("currentStyle" in Element.prototype)) { + Object.defineProperty(Element.prototype, "currentStyle", { + get: function() { + return window.getComputedStyle(this); + } + }); +} +</pre> + +<h2 id="Specifications">Spécifications</h2> + +<p>Ne fait partie d'aucune spécification.</p> + +<p>Microsoft <a href="https://web.archive.org/web/20150629144515/https://msdn.microsoft.com/en-us/library/ms535231(v=vs.85).aspx">a une description MSDN</a>.</p> + +<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> + +<p>{{Compat("api.Element.currentStyle")}}</p> + +<h2 id="See_also">Voir aussi</h2> + +<ul> + <li>{{DOMxRef("Element.runtimeStyle")}}</li> + <li>{{DOMxRef("window.getComputedStyle()")}}</li> +</ul> |