aboutsummaryrefslogtreecommitdiff
path: root/files/fr/webapi
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 12:36:08 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 12:36:08 +0100
commit39f2114f9797eb51994966c6bb8ff1814c9a4da8 (patch)
tree66dbd9c921f56e440f8816ed29ac23682a1ac4ef /files/fr/webapi
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.gz
translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.bz2
translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.zip
unslug fr: move
Diffstat (limited to 'files/fr/webapi')
-rw-r--r--files/fr/webapi/detecting_device_orientation/index.html289
-rw-r--r--files/fr/webapi/index.html124
-rw-r--r--files/fr/webapi/network_information/index.html89
-rw-r--r--files/fr/webapi/pointer_lock/index.html319
-rw-r--r--files/fr/webapi/proximity/index.html120
-rw-r--r--files/fr/webapi/utiliser_les_événéments_de_luminosité/index.html98
6 files changed, 0 insertions, 1039 deletions
diff --git a/files/fr/webapi/detecting_device_orientation/index.html b/files/fr/webapi/detecting_device_orientation/index.html
deleted file mode 100644
index 63d99497df..0000000000
--- a/files/fr/webapi/detecting_device_orientation/index.html
+++ /dev/null
@@ -1,289 +0,0 @@
----
-title: Détecter l'orientation de l'appareil
-slug: WebAPI/Detecting_device_orientation
-tags:
- - Device Orientation
- - Firefox OS
- - Mobile
- - Motion
- - Orientation
-translation_of: Web/API/Detecting_device_orientation
----
-<p>{{SeeCompatTable}}</p>
-
-<h2 id="Résumé">Résumé</h2>
-
-<p>De plus en plus d'appareils connectés à Internet sont capable de déterminer leur <strong>orientation</strong>. C'est-à-dire qu'ils peuvent fournir des données indiquant des changements dans leur orientation par rapport à la gravité. En particulier les appareils portables, comme les téléphones mobiles, peuvent utiliser cette information pour effectuer automatiquement une rotation de l'écran, afin de toujours proposer la meilleure disposition possible pour le contenu à afficher.</p>
-
-<p>Il existe deux événements JavaScript pour gérer l'orientation. Le premier est {{domxref("DeviceOrientationEvent")}}, qui est envoyé quand l'accéléromètre détecte un changement d'orientation de l'appareil. En recevant et en analysant les données fournies par ces événements d'orientation, il est possible de répondre de manière interactive aux changements d'orientation et d'élévation causés par les mouvements imprimés à l'appareil par l'utilisateur.</p>
-
-<p>Le second événement est {{ domxref("DeviceMotionEvent") }}, qui est envoyé quand un changement d’accélération est ajouté. Il est différent de {{domxref("DeviceOrientationEvent")}}, car il écoute les changements d'accélération par opposition à l'orientation. Parmi les capteurs capables de détecter {{ domxref("DeviceMotionEvent") }}, on trouve les capteurs des ordinateurs portables utilisés pour protéger des chutes les périphériques de stockage. Ils sont communément présents dans les appareils mobiles (tablettes, téléphones intelligents).</p>
-
-<h2 id="Traitement_des_événements_d'orientation">Traitement des événements d'orientation</h2>
-
-<p>Tout ce dont vous avez besoin pour commencer à recevoir les changements d'orientation est d’écouter l’événement {{ event("deviceorientation") }} :</p>
-
-<div class="note">
-<p><strong>Note</strong>: <a href="https://github.com/dorukeker/gyronorm.js">gyronorm.js</a> est un polyfill <span id="result_box" lang="fr"><span>pour normaliser les données de l'accéléromètre et du gyroscope sur les appareils mobiles.</span> C'<span>est utile pour surmonter certaines différences dans la prise en charge des périphériques pour l'orientation du périphérique.</span></span></p>
-</div>
-
-<pre class="brush: js">window.addEventListener("deviceorientation", handleOrientation, true);
-</pre>
-
-<p>Après l’enregistrement de votre gestionnaire d'événements (<em>event listener</em> en anglais), dans ce cas, une fonction JS appelée handleOrientation(), votre fonction d'écoute est appelée périodiquement pour récupérer les données de l'orientation mise à jour.</p>
-
-<p>L'événement d'orientation contient quatre valeurs ::</p>
-
-<ul>
- <li>{{domxref("DeviceOrientationEvent.absolute")}}</li>
- <li>{{domxref("DeviceOrientationEvent.alpha")}}</li>
- <li>{{domxref("DeviceOrientationEvent.beta")}}</li>
- <li>{{domxref("DeviceOrientationEvent.gamma")}}</li>
-</ul>
-
-<p>La fonction gérant l’événement pourrait ressembler à ceci :</p>
-
-<pre class="brush: js">function handleOrientation(event) {
-  var absolute = event.absolute;
-  var alpha = event.alpha;
-  var beta = event.beta;
-  var gamma = event.gamma;
-
-  // Faites quelque chose avec les données acquises. ;)
-}
-</pre>
-
-<h3 id="Détail_des_valeurs_d'orientation">Détail des valeurs d'orientation</h3>
-
-<p>La valeur reportée pour chaque axe indique l'angle de rotation autour d'un axe donné, en référence à un système de coordonnées standard. Ces valeurs sont décrites de façon plus détaillée dans cet article <a href="/en-US/DOM/Orientation_and_motion_data_explained" title="Orientation et déplacement expliquée">Orientation et déplacement expliquée</a>.</p>
-
-<ul>
- <li>La valeur {{ domxref("DeviceOrientationEvent.alpha") }} représente le mouvement de l'appareil, autour de l'axe « z », en degrés sur une échelle de 0° à 360° ;</li>
- <li>La valeur {{ domxref("DeviceOrientationEvent.beta") }} représente le mouvement de l'appareil autour de l'axe « y » en degrés, sur une échelle de -180° à 180°.  Cela représente le mouvement d'avant en arrière de l'appareil ;</li>
- <li>La valeur {{ domxref("DeviceOrientationEvent.gamma") }} représente le mouvement de l'appareil autour de l'axe « x », exprimée en degrés sur une échelle de -90° à 90°. Cela représente le mouvement de gauche à droite de l'appareil.</li>
-</ul>
-
-<h3 id="Exemple_d'orientation">Exemple d'orientation</h3>
-
-<p>Cet exemple fonctionne sur tout navigateur supportant l’événement {{event("deviceorientation")}} et sur tout appareil capable de détecter son orientation.</p>
-
-<p>Imaginons une balle dans un jardin :</p>
-
-<pre class="brush: html">&lt;div class="jardin"&gt;
- &lt;div class="balle"&gt;&lt;/div&gt;
-&lt;/div&gt;
-
-&lt;pre class="resultat"&gt;&lt;/pre&gt;
-</pre>
-
-<p>Ce jardin fait 200 pixels de long (Oui c'est un « petit » jardin !), et la balle est au centre :</p>
-
-<pre class="brush: css">.jardin {
- position: relative;
- width : 200px;
- height: 200px;
- border: 5px solid #CCC;
- border-radius: 10px;
-}
-
-.balle {
- position: absolute;
- top : 90px;
- left : 90px;
- width : 20px;
- height: 20px;
- background: green;
- border-radius: 100%;
-}
-</pre>
-
-<p>Maintenant, on définit le déplacement de la balle en fonction de celui de l'appareil :</p>
-
-<pre class="brush: js">var jardin = document.querySelector('.jardin'),
- balle = document.querySelector('.balle'),
- resultat = document.querySelector('.resultat'),
- maxX = jardin.clientWidth - balle.clientWidth,
- maxY = jardin.clientHeight - balle.clientHeight;
-
-function handleOrientation(event) {
- var x = event.beta, // En degré sur l'interval [-180,180].
- y = event.gamma; // En degré sur l'interval [-90,90].
-
- resultat.innerHTML = "beta : " + x + "&lt;br /&gt;";
- resultat.innerHTML += "gamma: " + y + "&lt;br /&gt;";
-
- // Parce-que l'on ne veut pas avoir l'appareil à l'envers.
- // On restreint les valeurs de x à l'intervalle [-90,90].
- if (x &gt; 90) { x = 90};
- if (x &lt; -90) { x = -90};
- // Pour rendre le calcul plus simple.
- // On délimite l'intervalle de x et y sur [0, 180].
- x += 90;
- y += 90;
-
- // 10 est la moitié de la taille de la balle.
- // Cela centre le point de positionnement au centre de la balle.
-
- balle.style.top = (maxX * x / 180 - 10) + "px";
- balle.style.left = (maxY * y / 180 - 10) + "px";
-}
-
-window.addEventListener('deviceorientation', handleOrientation);
-</pre>
-
-<p>Et voici le résultat en temps réel :</p>
-
-<div>{{EmbedLiveSample("Exemple_d'orientation", '230', '260')}}</div>
-
-<div> </div>
-
-<div>{{LiveSampleLink("Exemple_d'orientation", "Cliquez ici")}} pour ouvrir cet exemple dans une nouvelle fenêtre;  l'événement {{event("deviceorientation")}} ne marche pas dans les {{HTMLElement("iframe", "iframes")}} cross-origin dans tous les navigateurs.</div>
-
-<div> </div>
-
-<div class="warning">
-<p><strong>Attention :</strong> Chrome et Firefox ne gèrent pas les angles de la même façon, certaines directions sur les axes sont inversées.</p>
-</div>
-
-<h2 id="Traiter_les_événement_de_mouvement">Traiter les événement de mouvement</h2>
-
-<p>Les événements de mouvement gèrent l'orientation de la même façon à l'exception près qu’ils portent un nom d’événement différent : {{event("devicemotion")}}</p>
-
-<pre class="brush: js">window.addEventListener("devicemotion", <em>handleMotion</em>, true);
-</pre>
-
-<p>Ce qui change réellement est l'information fournie par l'objet {{ domxref("DeviceMotionEvent") }} passée comme paramètre par la fonction <em>HandleMotion</em>.</p>
-
-<p>Les événements de mouvement contiennent quatre propriétés :</p>
-
-<ul>
- <li>{{domxref("DeviceMotionEvent.acceleration")}}</li>
- <li>{{domxref("DeviceMotionEvent.accelerationIncludingGravity")}}</li>
- <li>{{domxref("DeviceMotionEvent.rotationRate")}}</li>
- <li>{{domxref("DeviceMotionEvent.interval")}}</li>
-</ul>
-
-<h3 id="Explication_des_valeurs_de_mouvement">Explication des valeurs de mouvement</h3>
-
-<p>L'objet {{ domxref("DeviceMotionEvent") }} fourni aux développeurs Web des informations sur la vitesse de changement d'orientation et de position de l'appareil. Les changements rapportés sont fournis pour les trois axes (voir <a href="/en-US/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained" title="/en-US/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained">Orientation et déplacement expliquées</a> pour les détails).</p>
-
-<p>Pour {{domxref("DeviceMotionEvent.acceleration","acceleration")}} et {{domxref("DeviceMotionEvent.accelerationIncludingGravity","accelerationIncludingGravity")}}, Les axes correspondent à :</p>
-
-<ul>
- <li><code>x</code> : représente l'axe d'Ouest en Est ;</li>
- <li><code>y</code> : représente l'axe Sud vers Nord :</li>
- <li><code>z</code> : représente l'axe perpendiculaire au sol.</li>
-</ul>
-
-<p>Pour {{domxref("DeviceMotionEvent.rotationRate","rotationRate")}}, c'est un peu différent. L'information correspond à :</p>
-
-<ul>
- <li><code>alpha</code> : représente le ratio de rotation le long de l'axe perpendiculaire à l'écran (ou du clavier au bureau) ;</li>
- <li><code>bêta</code> : représente le ratio de rotation le long de l'axe allant de la gauche vers la droite de l'écran (ou du clavier au bureau) ;</li>
- <li><code>gamma</code> : représente le ratio de rotation le long de l'axe allant du bas vers le haut de l'écran (ou clavier vers le bureau).</li>
-</ul>
-
-<p>Au final, {{domxref("DeviceMotionEvent.interval","interval")}} représente l'intervalle de temps, en millisecondes, pour les données générées par l'appareil.</p>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaires</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('Device Orientation')}}</td>
- <td>{{Spec2('Device Orientation')}}</td>
- <td>Spécification initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{CompatibilityTable()}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>{{domxref("DeviceOrientationEvent")}}</td>
- <td>7.0</td>
- <td>3.6<sup>[1]</sup><br>
- 6</td>
- <td>{{CompatUnknown()}}</td>
- <td>{{CompatUnknown()}}</td>
- <td>{{CompatUnknown()}}</td>
- </tr>
- <tr>
- <td>{{domxref("DeviceMotionEvent")}}</td>
- <td>{{CompatVersionUnknown()}}</td>
- <td>6</td>
- <td>{{CompatUnknown()}}</td>
- <td>{{CompatUnknown()}}</td>
- <td>{{CompatUnknown()}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>{{domxref("DeviceOrientationEvent")}}</td>
- <td>3.0</td>
- <td>3.6<sup>[1]</sup><br>
- 6</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>4.2</td>
- </tr>
- <tr>
- <td>{{domxref("DeviceMotionEvent")}}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>6</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h3 id="Notes_d'implementation_pour_Gecko">Notes d'implementation pour Gecko </h3>
-
-<ol>
- <li>Firefox 3.6, 4, et 5 supportent <a href="/en-US/DOM/MozOrientation" title="MozOrientation">mozOrientation </a>au lieu de l'événement standard {{domxref("DeviceOrientationEvent")}}.</li>
-</ol>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>{{domxref("DeviceOrientationEvent")}}</li>
- <li>{{domxref("DeviceMotionEvent")}}</li>
- <li>The legacy <code><a href="/en-US/DOM/MozOrientation" title="en-US/DOM/MozOrientation">MozOrientation</a></code> event.</li>
- <li><a href="/en-US/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained" title="Orientation and motion data explained">Orientation and motion data explained</a></li>
- <li><a href="/en-US/docs/Web/Guide/DOM/Events/Using_device_orientation_with_3D_transforms" title="Using Deviceorientation In 3D Transforms">Using deviceorientation in 3D Transforms</a></li>
-</ul>
diff --git a/files/fr/webapi/index.html b/files/fr/webapi/index.html
deleted file mode 100644
index 17459c2dfd..0000000000
--- a/files/fr/webapi/index.html
+++ /dev/null
@@ -1,124 +0,0 @@
----
-title: WebAPI
-slug: WebAPI
-tags:
- - Portail
-translation_of: Web/API
-translation_of_original: WebAPI
----
-<p>Le terme <strong>WebAPI</strong> permet de regrouper différentes API permettant d'accéder aux composants ou aux caractéristiques des appareil (comme la batterie, les vibrations...). Elles permettent aussi d'accéder aux informations enregistrées sur l'appareil (liste de contacts, agenda...). En créant ces API, nous espérons offrir de nouvelles possibilités au Web, jusqu'a présent réservées aux plates-formes propriétaires.</p>
-
-<div class="note">
-<p><strong>Note :</strong> La documentation semble légère sur le sujet : il n'en est rien. Beaucoup de documents ont été écrits et des liens sont en train d'être ajoutés. Nous travaillons beaucoup à améliorer cela, de nombreux articles apparaîtront très prochainement. Vous pouvez consulter la page <a href="/fr/docs/WebAPI/Doc_status" title="WebAPI/Doc_status">de l'état de documentation sur WebAPI </a>qui récapitule le travail fait sur la documentation WebAPI.</p>
-</div>
-
-<div class="note">
-<p><strong>Note :</strong> Pour obtenir des explications rapides sur chaque badge, consultez la documentation sur les <a href="/fr/docs/Web/Apps/Packaged_apps#Types_of_packaged_apps" title="Web/Apps/Packaged_apps#Types_of_packaged_apps">applications </a>.</p>
-</div>
-
-<div class="row topicpage-table">
-<div class="section">
-<h2 class="Documentation" id="Communication_APIs" name="Communication_APIs">Les API de Communication</h2>
-
-<dl>
- <dt><a href="/fr/docs/WebAPI/WebBluetooth" title="WebAPI/WebBluetooth">Bluetooth</a></dt>
- <dd>L'API WebBluetooth permet d'accéder, à un bas niveau, aux fonctionnalités Bluetooth de l'appareil.</dd>
- <dt><a href="/fr/docs/WebAPI/Mobile_Connection" title="WebAPI/Mobile_Connection">Mobile Connection API</a> {{NonStandardBadge}}</dt>
- <dd>Cette API permet de connaître les informations concernant la connexion : force du signal, informations sur l'opérateur ...</dd>
- <dt><a href="/fr/docs/WebAPI/Network_Information" title="WebAPI/Network_Information">Network Information API</a></dt>
- <dd>Cette API fournit des informations de bases sur la connexion réseau utilisée (la vitesse de connexion entre autres).</dd>
- <dt><a href="/fr/docs/WebAPI/Network_Stats" title="WebAPI/Network_Stats">Network Stats API</a> {{NonStandardBadge}}</dt>
- <dd>Cette API enregistres des données sur l'utilisation des données réseaux et fournit cette information aux applications disposant des privilèges nécessaires.</dd>
- <dt><a href="/fr/docs/WebAPI/WebTelephony" title="WebAPI/WebTelephony">Telephony</a> {{NonStandardBadge}}</dt>
- <dd>Cette API permet aux applications d'interagir avec les appels téléphoniques en utilisant l'interface utilisateur.</dd>
- <dt><a href="/fr/docs/WebAPI/WebSMS" title="WebAPI/WebSMS">WebSMS </a>{{NonStandardBadge}}</dt>
- <dd>Cette API permet aux applications d'envoyer/recevoir des SMS et d'accéder aux messages enregistrés dans l'appareil.</dd>
- <dt><a href="/fr/docs/WebAPI/WiFi_Information" title="WebAPI/WiFi_Information">WiFi Information API</a> {{NonStandardBadge}}</dt>
- <dd>Cette API est un API avec privilèges permettant de fournir des informations liées au WiFi : réseau utilisé, force du signal, réseaux disponibles...</dd>
-</dl>
-
-<h2 class="Documentation" id="Hardware_access_APIs" name="Hardware_access_APIs">Les API Matériel</h2>
-
-<dl>
- <dt><a href="/fr/docs/WebAPI/Using_Light_Events">Ambient Light Sensor API</a></dt>
- <dd>Cette API fournit un accès au capteur de lumière environnante. Cela permet à l'application de connaître la luminosité présente autour de l'appareil.</dd>
- <dt><a href="/fr/docs/WebAPI/Battery_Status" title="WebAPI/Battery_Status">Battery Status API</a></dt>
- <dd>Cette API fournit des informations sur la batterie (niveau de la charge, savoir si l'appareil est en cours de charge...).</dd>
- <dt><a href="/fr/docs/WebAPI/Camera" title="WebAPI/Camera">Camera API</a> {{NonStandardBadge}}</dt>
- <dd>Cette API permet aux applications de prendre des photos et/ou d'enregistrer des vidéos en utilisant l'appareil photo et/ou la caméra.</dd>
- <dt><a href="/fr/docs/Using_geolocation" title="Using_geolocation">Geolocation API</a></dt>
- <dd>Cette API fournit des informations sur la position géographique de l'appareil.</dd>
- <dt><a href="/fr/docs/WebAPI/Pointer_Lock" title="API/Pointer_Lock_API">Pointer Lock API</a></dt>
- <dd>Cette API permet aux applications de verrouiller l'accès du pointeur (de la souris) et d'accéder aux déplacements (relatifs) et non aux coordonnées absolues. Cela est particulièrement utile pour les jeux.</dd>
- <dt><a href="/fr/docs/WebAPI/Power_Management" title="WebAPI/Power_Management">Power Management API </a>{{NonStandardBadge}}</dt>
- <dd>Cette API permet aux application d'allumer ou d'éteindre l'écran, le processeur, de connaître la puissance de l'appareil, le processeur... Elle permet aussi de surveiller (écoute et inspection) les événements de verrouillage des ressources (resources lock).</dd>
- <dt><a href="/fr/docs/WebAPI/Proximity" title="WebAPI/Proximity">Proximity API</a></dt>
- <dd>Cette API permet aux applications de détecter si quelque chose est à proximité de l'appareil (par exemple le visage de l'utilisateur).</dd>
- <dt><a href="/fr/docs/WebAPI/Detecting_device_orientation" title="WebAPI/Detecting_device_orientation">Device Orientation API</a></dt>
- <dd>Cette API permet d'envoyer des notifications lorsque l'appareil change d'orientation.</dd>
- <dt><a href="/fr/docs/WebAPI/Managing_screen_orientation" title="WebAPI/Detecting_device_orientation">Screen Orientation API</a></dt>
- <dd>Cette API permet d'envoyer des notifications lorsque l'écran change d'orientation. Il est aussi possible d'utiliser cette API pour permettre à l'API d'indiquer l'orientation à utiliser par l'application.</dd>
- <dt><a href="/fr/docs/WebAPI/Vibration" title="WebAPI/WebBluetooth">Vibration API</a></dt>
- <dd>Cette API permet aux applications de contrôler les vibrations de l'appareil. Cela peut permettre de faire vibrer l'appareil pendant un jeu par exemple. <strong>Cette API n'est pas conçue</strong> pour provoquer des vibrations de notifications (dans ce cas il faut utiliser l'API <a href="/fr/docs/WebAPI/Alarm" title="WebAPI/Alarm">Alarm</a>).</dd>
- <dd style="margin-left: 160px;"><span class="alllinks"><a href="https://developer.mozilla.org/fr/docs/tag/WebAPI" title="tag/CSS">Voir tout...</a></span></dd>
-</dl>
-</div>
-
-<div class="section">
-<h2 class="Documentation" id="Data_management_APIs" name="Data_management_APIs">Les API de gestion des données</h2>
-
-<dl>
- <dt><a href="/fr/docs/WebAPI/FileHandle_API" title="WebAPI/FileHandle_API">FileHandle API</a></dt>
- <dd>Cette API permet d'interagir avec les fichiers en écriture tout en gérant les options de verrouillages.</dd>
- <dt><a href="/fr/docs/IndexedDB" title="IndexedDB">IndexedDB</a></dt>
- <dd>Permet de stocker des informations côté client et fournit un support pour effectuer des recherches de manière performante. <strong>Ces documents doivent être déplacés.</strong></dd>
- <dt><a href="/fr/docs/WebAPI/Settings" title="WebAPI/Settings">Settings API</a> {{NonStandardBadge}}</dt>
- <dd>Cette API permet aux applications de connaître et de modifier les options liées à la configuration du système, enregistrées de manière permanente dans l'appareil.</dd>
-</dl>
-
-<h2 class="Documentation" id="Other_APIs" name="Other_APIs">Les autres API</h2>
-
-<dl>
- <dt><a href="/fr/docs/WebAPI/Alarm" title="WebAPI/Alarm">Alarm API</a></dt>
- <dd>Cette API permet aux applications de planifier des notifications. Elle offre également  la possibilité de lancer une application de manière automatique à un moment donné.</dd>
- <dt><a href="/fr/docs/Apps" title="Apps">Apps API</a> {{NonStandardBadge}}</dt>
- <dd>Cette API d'applications web offre la possibilité de gérer et d'installer des applications web. Cette API permet aussi aux applications de définir les informations liées au paiement.</dd>
- <dt><a href="/fr/docs/WebAPI/Browser" title="DOM/Using_the_Browser_API"><strong>Browser API</strong></a> {{NonStandardBadge}}</dt>
- <dd>Cette API offre la possibilité de construire un navigateur web en n'utilisant que des technologies Web (et donc un navigateur dans un navigateur).</dd>
-</dl>
-
-<dl>
- <dt><a href="/fr/docs/WebAPI/Idle" title="WebAPI/Device_Storage_API">Idle API</a></dt>
- <dd>Cette API permet aux applications de recevoir des notifications, notamment lorsque l'utilisateur n'est pas en train d'utiliser l'appareil.</dd>
- <dt><a href="/fr/docs/WebAPI/Permissions" title="WebAPI/Permissions">Permissions API</a> {{NonStandardBadge}}</dt>
- <dd>Cette API permet de gérer les autorisations des applications au sein d'un même endroit. Elle est utilisée par l'application Réglages.</dd>
- <dt><a href="/fr/docs/WebAPI/Simple_Push" title="WebAPI/Push_Notifications">Simple Push API</a></dt>
- <dd>Cette API permet à la plate-forme d'envoyer des messages de notifications à certaines applications en particulier.</dd>
- <dt><a href="/fr/docs/WebAPI/Time_and_Clock" title="WebAPI/Time_and_Clock">Time/Clock API</a> {{NonStandardBadge}}</dt>
- <dd>Cette API offre la possibilité de régler l'heure. Le fuseau horaire est lui réglé avec l'<a href="/en-US/docs/WebAPI/Settings" title="WebAPI/Settings"> API Settings</a>.</dd>
- <dt><a href="/fr/docs/WebAPI/Web_Activities" title="WebAPI/Web_Activities">Web Activities</a> {{NonStandardBadge}}</dt>
- <dd>Cette API permet à une application de déléguer une activité à une autre application. Un application peut, par exemple, demander à une autre application de sélectionner (ou de créer) une photo et de la renvoyer à la première application. C'est généralement l'utilisateur qui sera capable de configurer la façon dont les applications seront choisies.</dd>
-</dl>
-
-<h2 class="Community" id="Community" name="Community">La communauté WebAPI</h2>
-
-<p>Si vous souhaitez avoir de l'aide concernant ces API, il y a plusieurs moyens d'échanger avec les autres développeurs.</p>
-
-<ul>
- <li>Le forum WebAPI : {{DiscussionList("dev-webapi", "mozilla.dev.webapi")}}</li>
- <li>Le canal IRC WebAPI : <a href="irc://irc.mozilla.org/webapi" title="irc://irc.mozilla.org/webapi">#webapi</a></li>
-</ul>
-
-<p><span class="alllinks"><a href="http://www.catb.org/~esr/faqs/smart-questions.html" title="http://www.catb.org/~esr/faqs/smart-questions.html">N'oubliez pas la <em>netiquette</em>...</a></span></p>
-
-<h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Sujets Annexes</h2>
-
-<ul>
- <li>Le <a href="/fr/docs/DOM" title="Document Object Model (DOM)">Document Object Model (DOM)</a>, représentant la structure du document HTML comme un arbre</li>
- <li><a href="/fr/docs/JavaScript" title="JavaScript">JavaScript</a> - Langage de script largement utilisé sur le Web.</li>
- <li><a href="/fr/docs/WebAPI/Doc_status" title="WebAPI/Doc_status">Doc status</a>: Une liste de sujets en lien avec WebAPI ainsi que l'état de leur documentation</li>
-</ul>
-</div>
-</div>
-
-<p> </p>
diff --git a/files/fr/webapi/network_information/index.html b/files/fr/webapi/network_information/index.html
deleted file mode 100644
index 076718cbcc..0000000000
--- a/files/fr/webapi/network_information/index.html
+++ /dev/null
@@ -1,89 +0,0 @@
----
-title: Network Information API
-slug: WebAPI/Network_Information
-tags:
- - WebAPI
-translation_of: Web/API/Network_Information_API
----
-<p>{{ SeeCompatTable() }}</p>
-
-<p>L'API Network Information (Informations réseau) fournit des informations sur la connexion de l'appareil : la bande-passante, si la connexion est mesurée ou non. Elle peut être utilisée pour choisir entre du contenu en haute définition ou en basse définition selon la connexion de l'utilisateur. L'API ne représente qu'un seul objet, ajouté au DOM : {{domxref("window.navigator.connection")}}.</p>
-
-<h2 id="Exemples">Exemples</h2>
-
-<h3 id="Détecter_les_changements_de_connexion">Détecter les changements de connexion</h3>
-
-<p>Cet exemple permet de connaître les changements liés à la connexion d'un utilisateur. Cela ressemble notamment à la façon dont une application saura si l'utilisateur passe d'une connexion coûteuse à une autre connexion moins chère et pourra réduire la demande de bande passante afin de réduire les coûts pour l'utilisateur.</p>
-
-<pre class="brush: js">var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
-
-function updateConnectionStatus() {
- alert("Bande passante de la connexion : " + connection.bandwidth + " MB/s");
- if (connection.metered) {
- alert("La connexion est mesurée !");
- }
-}
-
-connection.addEventListener("change", updateConnectionStatus);
-updateConnectionStatus();
-</pre>
-
-<h3 id="Préchargement_de_ressources_gourmandes">Préchargement de ressources gourmandes</h3>
-
-<p>L'objet connexion est pratique pour décider de précharger des ressources nécessitant une grosse quantité de bande passante ou de mémoire. Cet exemple devra être appelé après que la page ait été chargé. Il détermine si précharger la vidéo est judicieux selon le type de la connexion. Si une connexion cellulaire est trouvée, alors <code>preloadVideo</code> est réglé à faux. Ici pour faire simple, on ne teste qu'un type de connexion; dans un cas réel on aurait plutôt utilisé une structure de contrôle switch ou une autre méthode pour avoir tout les cas possibles de {{domxref("NetworkInformation.type")}}. Malgré la valeur <code>type</code>, on peut avoir une estimation de la vitesse de la connexion à travers la propriété {{domxref("NetworkInformation.effectiveType")}}<strong>.</strong></p>
-
-<pre class="brush: js">let preloadVideo = true;
-var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
-if (connection) {
- if (connection.effectiveType === 'cellular') {
-  preloadVideo = false;
-  }
-}</pre>
-
-<h2 id="Interfaces">Interfaces</h2>
-
-<dl>
- <dt>{{domxref("NetworkInformation")}}</dt>
- <dd>Fournit des informations sur la connexion de l'appareil et fournit la possibilité aux scriptes d'être informé en cas de changement. L'interface <code>NetworkInformation</code> ne peut pas être instanciée; à la place on y accède à travers l'interface {{domxref("Navigator")}}.</dd>
-</dl>
-
-<h2 id="Spécification">Spécification</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Status</th>
- <th scope="col">Commentaire</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('Network Information', '', 'Network Information API')}}</td>
- <td>{{Spec2('Network Information')}}</td>
- <td>Spécification initiale</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<h3 id="NetworkInformation"><code>NetworkInformation</code></h3>
-
-
-
-<p>{{Compat("api.NetworkInformation")}}</p>
-
-<h3 id="Navigator.connection"><code>Navigator.connection</code></h3>
-
-<div class="hidden">The 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.Navigator.connection")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>{{spec("http://dvcs.w3.org/hg/dap/raw-file/tip/network-api/Overview.html", "Spécification de l'API Network Information", "ED")}}</li>
- <li><a href="/fr/docs/Online_and_offline_events">Les évènement online et offline</a></li>
- <li>{{domxref("window.navigator.connection")}}</li>
-</ul>
diff --git a/files/fr/webapi/pointer_lock/index.html b/files/fr/webapi/pointer_lock/index.html
deleted file mode 100644
index e3d6ea14f3..0000000000
--- a/files/fr/webapi/pointer_lock/index.html
+++ /dev/null
@@ -1,319 +0,0 @@
----
-title: Pointer Lock API
-slug: WebAPI/Pointer_Lock
-tags:
- - API
- - Avancé
- - Jeux
- - Reference
- - mouse lock
- - pointer lock
-translation_of: Web/API/Pointer_Lock_API
----
-<div>{{DefaultAPISidebar("Pointer Lock API")}}</div>
-
-<p><strong>Pointer lock</strong> (en français <em>Verrouillage du pointeur</em>, précedement appelé mouse lock) permet d'obtenir des informations sur le déplacement de la souris à travers le temps, et ne se cantonne pas à fournir la position absolue du curseur sur l'écran. Cette interface donne accès aux données brutes de la souris, permet de verrouiller la cible des évènements à un élément unique, limiter jusqu'où le mouvement de la souris peut aller dans une direction donnée et cacher le curseur de la vue.<br>
- <br>
- Cette API est utile pour les applications qui ont besoin d'écouter la souris pour contrôler des mouvements ou faire pivoter des objets sur leurs axes. Les jeux 3D de type FPS (First Person Shooter), les outils de modelisation, les vidéos immersives ou encore les cartes satellites sont autant de candidats idéals. L'utilisateur peut en effet changer l'angle de vue en bougeant simplement sa souris et sans cliquer sur aucun bouton ce qui les laisse donc disponibles pour effectuer d'autres actions.<br>
- <br>
- Comme Pointer lock continue de déclencher des évènements même quand le curseur est en dehors des limites du navigateur ou de l'écran, les joueurs peuvent cliquer sur les boutons et déplacer le curseur de la souris sans se soucier de quitter la zone de jeu et de cliquer accidentellement sur une autre application qui changerait le focus de la souris en dehors du jeu.</p>
-
-<h2 id="basics" name="basics">Concepts de base</h2>
-
-<p>Pointer Lock partage des similtudes avec la <a href="/fr/docs/Web/API/Element/setCapture" title="element.setCapture">capture de souris</a>. La capture de souris offre un flot ininterrompu d'évènements sur un élément cible quand la souris glisse mais s'arrête quand le bouton est relaché. Pour cette raison, Pointer lock diffère de la capture de souris sur les points suivants :</p>
-
-<ul>
- <li>Persistance. Pointer lock ne libère pas la souris tant qu'un appel explicite à l'API n'a pas été effectué ou que l'utilisateur n'a pas fait un mouvement spécifique.</li>
- <li>Ne se limite pas aux bordures du navigateur ou de l'écran.</li>
- <li>Continue de déclencher des évènements peu importe l'état des boutons de la souris.</li>
- <li>Cache le curseur.</li>
-</ul>
-
-<h2 id="method_overview" name="method_overview">Vue d'ensemble des méthodes/propriétées</h2>
-
-<p>Cette section fournit une brève description de chaque propriété et méthode associée à la spécification de Pointer Lock.</p>
-
-<h3 id="requestPointerLock()">requestPointerLock()</h3>
-
-<p>L'API Pointer lock, de manière similaire à l'<a href="/fr/docs/Web/Guide/DOM/Using_full_screen_mode">API Fullscreen</a>, étend les les éléments DOM en ajoutant une nouvelle méthode, {{domxref("Element.requestPointerLock","requestPointerLock()")}}. Comme le préfixe fournisseur a récemment été retiré, vous devriez utiliser la syntaxe ci-dessous, par exemple pour demander un verrouillage deu pointeur sur un élément <code>canvas</code>:</p>
-
-<pre class="brush: js">canvas.requestPointerLock = canvas.requestPointerLock ||
- canvas.mozRequestPointerLock ||
- canvas.webkitPointerLockElement;
-
-canvas.requestPointerLock()</pre>
-
-<h3 id="pointerLockElement_et_exitPointerLock()">pointerLockElement et exitPointerLock()</h3>
-
-<p>L'API Pointer Lock étend également l'interface {{domxref("Document")}}, ajoutant à la fois une nouvelle propriété et une nouvelle méthode. La propriété {{domxref("Document.pointerLockElement","pointerLockElement")}}  est utilisée pour accéder à l'élément actuellement verrouillé (s'il y en a). La méthode {{domxref("Document.exitPointerLock","exitPointerLock()")}}  est utilisée pour libérer le verrou du pointeur.</p>
-
-<p>La propriété {{domxref("Document.pointerLockElement","pointerLockElement")}}  est utile pour déterminer si un élément est actuellement verrouillé (pour une vérification booléenne par exemple) et également pour obtenir une référence vers l'élément s'il existe.</p>
-
-<p>Voici un exemple d'utilisation de <code>pointerLockElement</code>:</p>
-
-<pre class="brush: js">document.pointerLockElement = document.pointerLockElement ||
- document.mozPointerLockElement ||
- document.webkitPointerLockElement;
-
-// 1) Utiliser une vérification booléenne--le pointeur est-il verrouillé?
-if (!!document.pointerLockElement) {
- // pointeur verrouillé
-} else {
- // pointeur non verrouillé
-}
-
-// 2) Accéder à l'élément verrouillé
-if (document.pointerLockElement === someElement) {
- // someElement est l'élément sur lequel le pointeur est verrouillé
-}
-</pre>
-
-<p>La méthode {{domxref("Document.exitPointerLock()")}} est utilisée pour libérer le verrouillage du pinteur, et, comme {{domxref("Element.requestPointerLock","requestPointerLock")}}, marche de manière asynchrone, on utilise les événements {{event("pointerlockchange")}} et {{event("pointerlockerror")}}, que vous verrez plus en détails ci-dessous.</p>
-
-<pre class="brush: js">document.exitPointerLock = document.exitPointerLock ||
- document.mozExitPointerLock ||
- document.webkitExitPointerLock;
-
-// Essaie de déverrouiller
-document.exitPointerLock();
-</pre>
-
-<h2 id="mouselocklostevent" name="mouselocklostevent">Événement pointerlockchange</h2>
-
-<p>Quand l'état de verrouillage du pointeur change — par exemple quand on appelle {{domxref("Element.requestPointerLock","requestPointerLock()")}}, {{domxref("Document.exitPointerLock","exitPointerLock()")}}, que l'utilisateur presse la touche ECHAP, etc.—l'événement {{event("pointerlockchange")}} est envoyé au <code>document</code>. C'est un simple événement qui ne contient pas de données supplémentaires.</p>
-
-<pre class="brush: js">document.pointerLockElement = document.pointerLockElement ||
- document.mozPointerLockElement ||
- document.webkitPointerLockElement;
-
-function pointerLockChange() {
- if (!!document.pointerLockElement) {
- console.log("Verrouillé.");
- } else {
- console.log("Non verrouillé.");
- }
-}
-
-document.addEventListener('pointerlockchange', pointerLockChange, false);
-document.addEventListener('mozpointerlockchange', pointerLockChange, false);
-document.addEventListener('webkitpointerlockchange', pointerLockChange, false);
-</pre>
-
-<h2 id="mouselocklostevent" name="mouselocklostevent">Événement pointerlockerror</h2>
-
-<p>Quand une erreur est causée par l'appel de {{domxref("Element.requestPointerLock","requestPointerLock()")}} ou {{domxref("Document.exitPointerLock","exitPointerLock()")}}, l'événement {{event("pointerlockerror")}} est envoyé au <code>document</code>. C'est un simple événement qui ne contient pas de données supplémentaires.</p>
-
-<pre class="brush: js">document.addEventListener('pointerlockerror', lockError, false);
-document.addEventListener('mozpointerlockerror', lockError, false);
-document.addEventListener('webkitpointerlockerror', pointerLockChange, false);
-
-function lockError(e) {
- alert("Pointer lock failed");
-}
-</pre>
-
-<div class="note"><strong>Note</strong>: Jusqu'à Firefox 50, les événements ci-dessus étaient préfixés avec <code>moz</code>.</div>
-
-<h2 id="extensions" name="extensions">Extensions aux événements de souris</h2>
-
-<p>L'API Pointer lock étend l'interface {{domxref("MouseEvent")}} normale avec les attributs de mouvement. Deux nouveaux attributs sont ajoutés aux événements de souris —{{domxref("MouseEvent.movementX","movementX")}} et {{domxref("MouseEvent.movementY","movementY")}}— fournissant le changement de position de la souris. Ces paramètres ont pour valeur les différences entre les valeurs des propriétés de {{domxref("MouseEvent.screenX","screenX")}} / {{domxref("MouseEvent.screenY","screenY")}} stockées dans les événements {{event("mousemove")}}, <code>eNow</code> et <code>ePrevious</code>. En d'autres termes, <code>movementX = eNow.screenX - ePrevious.screenX</code>.</p>
-
-<h3 id="locked_state" name="locked_state">État verrouillé</h3>
-
-<p>Quand le verrouillage du pointeur est activé, les propriétés standard {{domxref("MouseEvent.clientX","clientX")}}, {{domxref("MouseEvent.clientY","clientY")}}, {{domxref("MouseEvent.screenX","screenX")}}, et {{domxref("MouseEvent.screenY","screenY")}} sont gardées constantes, comme si la souris ne bougeait pas. Les propriétés {{domxref("MouseEvent.movementX","movementX")}} et {{domxref("MouseEvent.movementY","movementY")}} continuent de fournir le changement de position de la souris. Il n'y a pas de limite aux valeurs {{domxref("MouseEvent.movementX","movementX")}} et {{domxref("MouseEvent.movementY","movementY")}}, si la souris continue de bouger toujours dans la même direction. Le curseur de la souris n'existe pas et il ne peut pas sortir de la fenêtre ou être bloqué par un bord de l'écran.</p>
-
-<h3 id="unlocked_state" name="unlocked_state">État déverrouillé</h3>
-
-<p>Les paramètres {{domxref("MouseEvent.movementX","movementX")}} et {{domxref("MouseEvent.movementY","movementY")}} sont disponibles quel que soit l'état de la souris, verrou ou non.</p>
-
-<p>Quand la souris est déverrouillée, il est possible que le curseur soit en dehors de la fenêtre et il est alors remis automatiquement à l'intérieur. Si cela arrive, {{domxref("MouseEvent.movementX","movementX")}} et {{domxref("MouseEvent.movementY","movementY")}} sont définis à zéro.</p>
-
-<h2 id="example" name="example">Simple exemple pas à pas</h2>
-
-<p>Nous avons écrit une <a href="https://mdn.github.io/dom-examples/pointer-lock/">démo de verrouillage de pointer</a> pour vous montrer comment l'utiliser pour mettre en place un système de contrôle simple (<a href="https://github.com/mdn/dom-examples/tree/master/pointer-lock">voir le code source</a>). La démo ressemble à ça:</p>
-
-<p><img alt="A red circle on top of a black background." src="https://mdn.mozillademos.org/files/7953/pointer-lock.png" style="display: block; height: 362px; margin: 0px auto; width: 640px;"></p>
-
-<p>Cette démo utilise JavaScript pour dessiner une balle dans un élément {{ htmlelement("canvas") }}. Quand vous cliquez sur le canvas, le verrouillage du pointeur est utilisé pour supprimer le curseur de la souris à l'écran et vous permettre de déplacer la balle avec la souris. Voyons comment cela fonctionne.</p>
-
-<p>On définit les positions initiales x et y sur le canvas:</p>
-
-<pre class="brush: js">var x = 50;
-var y = 50;</pre>
-
-<p>Les méthodes de verrouillage de pointeur sont préfixées dans les anciennes versions des navigateurs, on prend donc en compte les différentes implémentations des navigateurs:</p>
-
-<pre class="brush: js">canvas.requestPointerLock = canvas.requestPointerLock ||
- canvas.mozRequestPointerLock ||
- canvas.webkitRequestPointerLock;
-
-document.exitPointerLock = document.exitPointerLock ||
- document.mozExitPointerLock ||
- document.webkitExitPointerLock;</pre>
-
-<p>Maintenant, on définit un gestionnaire d'événement qui appelle la méthode <code>requestPointerLock()</code> quand le canvas est cliqué, ce qui déclenche le verrouillage du pointeur.</p>
-
-<pre class="brush: js">canvas.onclick = function() {
- canvas.requestPointerLock();
-}</pre>
-
-<p>Et maintenant le gestionnaire d'événement pour le verrouillage: <code>pointerlockchange</code>. Quand cet événement se déclenche, on appelle <code>lockChangeAlert()</code> pour gérer le changement.</p>
-
-<pre class="brush: js">// Gestionnaire d'événement de changement d'état du verrouilllage pour les différents navigateurs
-document.addEventListener('pointerlockchange', lockChangeAlert, false);
-document.addEventListener('mozpointerlockchange', lockChangeAlert, false);
-document.addEventListener('webkitpointerlockchange', lockChangeAlert, false);
-</pre>
-
-<p>La fonction suivante vérifie si la propriété <code>pointLockElement</code> est sur notre canvas. Si c'est le cas, on attache un gestionnaire d'événement pour gérer les mouvements de la souris avec la fonction <code>updatePosition()</code>. Sinon, elle enlève le gestionnaire d'événement.</p>
-
-<pre class="brush: js">function lockChangeAlert() {
- if (document.pointerLockElement === canvas) {
- console.log('The pointer lock status is now locked');
- document.addEventListener("mousemove", updatePosition, false);
- } else {
- console.log('The pointer lock status is now unlocked');
- document.removeEventListener("mousemove", updatePosition, false);
- }
-}</pre>
-
-<p>La fonction <code>updatePosition()</code> met à jour la position de la balle sur le canvas (les valeurs <code>x</code> et <code>y</code>), et inclut également des instructions <code>if()</code> pour vérifier si la balle est sortie des bords du canvas. Dans ce cas, la balle se ressort au bord opposé. Elle vérifie également si un appel à <code><a href="/fr/docs/Web/API/Window/requestAnimationFrame">requestAnimationFrame()</a></code> a été effectué et si ce n'est pas le cas, l'appelle pour qu'elle déclenche la fonction <code>canvasDraw()</code> et mette à jour le canvas. Un tracker est mis en place pour afficher les valeurs X et Y à l'écran, pour référence.</p>
-
-<pre class="brush: js">var tracker = document.getElementById('tracker');
-
-var animation;
-function updatePosition(e) {
- x += e.movementX;
- y += e.movementY;
- if (x &gt; canvas.width + RADIUS) {
- x = -RADIUS;
- }
- if (y &gt; canvas.height + RADIUS) {
- y = -RADIUS;
- }
- if (x &lt; -RADIUS) {
- x = canvas.width + RADIUS;
- }
- if (y &lt; -RADIUS) {
- y = canvas.height + RADIUS;
- }
- tracker.textContent = "X position: " + x + ", Y position: " + y;
-
- if (!animation) {
- animation = requestAnimationFrame(function() {
- animation = null;
- canvasDraw();
- });
- }
-}</pre>
-
-<p>La fonction <code>canvasDraw()</code> affiche la balle aux position <code>x</code> et <code>y</code> en cours:</p>
-
-<pre class="brush: js">function canvasDraw() {
- ctx.fillStyle = "black";
- ctx.fillRect(0, 0, canvas.width, canvas.height);
- ctx.fillStyle = "#f00";
- ctx.beginPath();
- ctx.arc(x, y, RADIUS, 0, degToRad(360), true);
- ctx.fill();
-}</pre>
-
-<h2 id="iframe_limitations">iframe limitations</h2>
-
-<p>Le verrouilage du pointeur ne peut concerner qu'une seule iframe à la fois. Quand vous verrouillez une iframe, vous ne pouvez pas essayer de verrouiller une autre iframe et y transférer la cible; une erreur sera levée. Pour éviter cette limitation, déverrouillez d'abord la première iframe, puis verrouillez la seconde.</p>
-
-<p>Tandis que cela fonctionne pour les iframes par défaut, les iframes en "sandbox" bloquent le verrouillage. La possibilité d'éviter cette limitation, sous la forme de la combinaison attribut/valeur <code>&lt;iframe sandbox="allow-pointer-lock"&gt;</code>, devrait bientôt apparaître dans Chrome.</p>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Etat</th>
- <th scope="col">Commentaire</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('Pointer Lock')}}</td>
- <td>{{Spec2('Pointer Lock')}}</td>
- <td>Initial specification.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilité navigateur</h2>
-
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>
- <p>{{CompatVersionUnknown}}</p>
- </td>
- <td>{{CompatVersionUnknown}}</td>
- <td>
- <p>{{CompatVersionUnknown}} {{ property_prefix("-moz") }}</p>
- </td>
- <td>{{ CompatNo() }}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>10.1</td>
- </tr>
- <tr>
- <td>Unprefixed support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop(50)}}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>10.1</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Firefox OS</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="See_also" name="See_also">Voir aussi</h2>
-
-<ul>
- <li>{{domxref("MouseEvent")}}</li>
-</ul>
diff --git a/files/fr/webapi/proximity/index.html b/files/fr/webapi/proximity/index.html
deleted file mode 100644
index e5b3d1e199..0000000000
--- a/files/fr/webapi/proximity/index.html
+++ /dev/null
@@ -1,120 +0,0 @@
----
-title: Proximity
-slug: WebAPI/Proximity
-tags:
- - WebAPI
-translation_of: Web/API/Proximity_Events
----
-<p>{{ SeeCompatTable }}</p>
-<h2 id="Résumé">Résumé</h2>
-<p>Les événements de proximité permettent, simplement, de savoir lorsqu'un utilisateur est près de l'appareil. Ces événements permettent de réagir par rapport à cette proximité, par exemple en éteignant l'écran lorsqu'un utilisateur est en train de passer un appel téléphonique et que l'appareil est près de l'oreille.</p>
-<div class="note">
- <p><strong>Note :</strong> Bien entendu, il faut un capteur de proximité pour que cette API fonctionne, ceux-ci sont généralement disponibles sur les appareils mobile. Les appareils ne disposant pas d'un tel capteur pourront supporter de tels événements, ils seront en revanche incapables de les déclencher.</p>
-</div>
-<h2 id="Événements_de_proximité">Événements de proximité</h2>
-<p>Lorsque le capteur de l'appareil détecte un changement entre l'appareil et l'objet, il informe le navigateur de ce changement en lui envoyant une notification. Lorsque le navigateur reçoit une notification comme celle-ci, il déclenche un événement {{domxref("DeviceProximityEvent")}} à chaque fois qu'il y a un changement et un événement  {{domxref("UserProximityEvent")}} dans le cas où un changement plus brutal se produit.</p>
-<p>Cet événement peut être capturé en utilisant un objet au niveau <code>window</code> en utilisant la méthode {{domxref("EventTarget.addEventListener","addEventListener")}} (en utilisant les noms d'événements {{event("deviceproximity")}} ou {{event("userproximity")}}) ou en attachant un gestionnaire d'événement à la propriété {{domxref("window.ondeviceproximity")}} ou à la propriété {{domxref("window.onuserproximity")}}.</p>
-<p>Une fois qu'il a été capturé, l'événement donne accès à différentes informations :</p>
-<ul>
- <li>L'événement {{domxref("DeviceProximityEvent")}} permet de connaître la distance exacte entre l'appareil et l'objet avec sa propriété {{domxref("DeviceProximityEvent.value","value")}}. Il fournit également la distance la plus courte et la distance la plus grande que l'appareil peut détecter avec les propriétés {{domxref("DeviceProximityEvent.min","min")}} et {{domxref("DeviceProximityEvent.max","max")}}.</li>
- <li>L'événement {{domxref("UserProximityEvent")}} fournit une valeur approximative pour la distance en utilisant un booléen. La propriété  {{domxref("UserProximityEvent.near")}} vaut <code>true</code> si l'objet est proche ou <code>false</code> si l'objet est loin.</li>
-</ul>
-<h2 id="Exemple">Exemple</h2>
-<pre class="brush: js">window.addEventListener('userproximity', function(event) {
- if (event.near) {
- // extinction de l'écran
- navigator.mozPower.screenEnabled = false;
- } else {
- // allumage de l'écran
- navigator.mozPower.screenEnabled = true;
- }
-});</pre>
-<h2 id="Specifications" name="Specifications">Spécifications</h2>
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaires</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('Proximity Events', '', 'Proximity Events') }}</td>
- <td>{{ Spec2('Proximity Events') }}</td>
- <td>Spécification initiale</td>
- </tr>
- </tbody>
-</table>
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<p>{{ CompatibilityTable() }}</p>
-<div id="compat-desktop">
- <table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>{{domxref("DeviceProximityEvent")}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatVersionUnknown()}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatNo()}}</td>
- </tr>
- <tr>
- <td>{{domxref("UserProximityEvent")}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatVersionUnknown()}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatNo()}}</td>
- </tr>
- </tbody>
- </table>
-</div>
-<div id="compat-mobile">
- <table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>{{domxref("DeviceProximityEvent")}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{ CompatGeckoMobile("15.0") }}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatNo()}}</td>
- </tr>
- <tr>
- <td>{{domxref("UserProximityEvent")}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatVersionUnknown()}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatNo()}}</td>
- </tr>
- </tbody>
- </table>
-</div>
-<h2 id="Voir_aussi">Voir aussi</h2>
-<ul>
- <li>{{domxref("DeviceProximityEvent")}}</li>
- <li>{{domxref("UserProximityEvent")}}</li>
- <li>{{event("deviceproximity")}}</li>
- <li>{{event("userproximity")}}</li>
-</ul>
diff --git a/files/fr/webapi/utiliser_les_événéments_de_luminosité/index.html b/files/fr/webapi/utiliser_les_événéments_de_luminosité/index.html
deleted file mode 100644
index 4f30f285d0..0000000000
--- a/files/fr/webapi/utiliser_les_événéments_de_luminosité/index.html
+++ /dev/null
@@ -1,98 +0,0 @@
----
-title: Utiliser les événements de luminosité
-slug: WebAPI/Utiliser_les_événéments_de_luminosité
-tags:
- - WebAPI
-translation_of: Web/API/Ambient_Light_Events
----
-<p>{{SeeCompatTable }}</p>
-<h2 id="Résumé">Résumé</h2>
-<p>Les événements concernant la lumière environnante permettent à une application de percevoir simplement les changements de luminosité dans l'environnement de l'appareil. L'application peut donc ainsi réagir aux changements de luminosité : par exemple changer le contraste de l'interface ou changer l'exposition lors de la prise d'une photo.</p>
-<h2 id="Les_événements_liés_à_la_lumière">Les événements liés à la lumière</h2>
-<p>Lorsque le capteur de lumière détecte un changement de luminosité, il envoie une notification au navigateur. Lorsque le navigateur reçoit une notification, il déclenche un événement {{domxref("DeviceLightEvent")}} qui fournit des informations sur la valeur exacte de l'intensité lumineuse.</p>
-<p>Cet événement peut être capturé au niveau de l'objet <code>window</code> en utilisant la méthode {{domxref("EventTarget.addEventListener","addEventListener")}} (en utilisant le nom d'événement {{event("devicelight")}}) ou en attachant le gestionnaire d'événément à la propriété {{domxref("window.ondevicelight")}}.</p>
-<p>Une fois qu'il a été capturé, l'événement permet un accès à la valeur de l'intensité lumineuse, exprimée en <a href="http://fr.wikipedia.org/wiki/Lux_%28unit%C3%A9%29" title="http://en.wikipedia.org/wiki/Lux">lux</a> avec la propriété {{domxref("DeviceLightEvent.value")}}.</p>
-<h2 id="Exemple">Exemple</h2>
-<pre class="brush: js">window.addEventListener('devicelight', function(event) {
- var html = document.getElementsByTagName('html')[0];
-
- if (event.value &lt; 50) {
- html.classList.add('darklight');
- html.classList.remove('brightlight');
- } else {
- html.classList.add('brightlight');
- html.classList.remove('darklight');
- }
-});</pre>
-<h2 id="Specifications" name="Specifications">Spécifications</h2>
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaires</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('AmbientLight', '', 'Ambient Light Events') }}</td>
- <td>{{ Spec2('AmbientLight') }}</td>
- <td>Spécification initiale</td>
- </tr>
- </tbody>
-</table>
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<p>{{ CompatibilityTable() }}</p>
-<div id="compat-desktop">
- <table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>{{domxref("DeviceLightEvent")}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatGeckoDesktop("22.0")}} (Mac OS X seulement)</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatNo()}}</td>
- </tr>
- </tbody>
- </table>
-</div>
-<div id="compat-mobile">
- <table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>{{domxref("DeviceLightEvent")}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatGeckoMobile("15.0")}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatNo()}}</td>
- </tr>
- </tbody>
- </table>
-</div>
-<h3 id="Notes_relatives_à_Gecko">Notes relatives à Gecko</h3>
-<p>L'événement {{event("devicelight")}} est implémenté et activé par défaut via un paramètre dans Firefox Mobile pour Android (15.0) et dans Firefox OS (B2G). Une implémentation pour un navigateur de bureau sur Mac OS X est également disponible à partir de Gecko 22.0 {{geckoRelease("22.0")}}. Le support pour Windows 7 est en cours de progression (voir {{bug(754199)}}).</p>
-<h2 id="Voir_aussi">Voir aussi</h2>
-<ul>
- <li>{{domxref("DeviceLightEvent")}}</li>
- <li>{{event("devicelight")}}</li>
-</ul>