From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001
From: julieng <julien.gattelier@gmail.com>
Date: Sat, 2 Oct 2021 17:20:24 +0200
Subject: convert content to md

---
 files/fr/web/api/uievent/detail/index.md |  39 +++-----
 files/fr/web/api/uievent/index.md        | 161 +++++++++++++------------------
 files/fr/web/api/uievent/layerx/index.md |  85 ++++++++--------
 3 files changed, 119 insertions(+), 166 deletions(-)

(limited to 'files/fr/web/api/uievent')

diff --git a/files/fr/web/api/uievent/detail/index.md b/files/fr/web/api/uievent/detail/index.md
index 7c27a30f06..a38d45e3a0 100644
--- a/files/fr/web/api/uievent/detail/index.md
+++ b/files/fr/web/api/uievent/detail/index.md
@@ -8,38 +8,23 @@ tags:
   - Reference
 translation_of: Web/API/UIEvent/detail
 ---
-<p>{{APIRef("DOM Events")}}</p>
+{{APIRef("DOM Events")}}
 
-<p><strong><code>UIEvent.detail</code> </strong>est une propriété en lecture seule, qui, lorsqu'elle ne vaut pas zéro, donne le nombre de clics courant (ou suivant en fonction de l'événement).</p>
+**`UIEvent.detail` **est une propriété en lecture seule, qui, lorsqu'elle ne vaut pas zéro, donne le nombre de clics courant (ou suivant en fonction de l'événement).
 
-<p>Pour les événements {{event("click")}} ou {{event("dblclick")}}, <code>UIEvent.detail</code> donne le nombre de clics courant.</p>
+Pour les événements {{event("click")}} ou {{event("dblclick")}}, `UIEvent.detail` donne le nombre de clics courant.
 
-<p>Pour les événements {{event("mousedown")}} ou {{event("mouseup")}}, <code>UIEvent.detail</code> donne le nombre de clics courant <em>plus</em> un.</p>
+Pour les événements {{event("mousedown")}} ou {{event("mouseup")}}, `UIEvent.detail` donne le nombre de clics courant _plus_ un.
 
-<p>Pour tous les autres objets {{domxref("UIEvent")}}, <code>UIEvent.detail</code> vaut toujours zéro.</p>
+Pour tous les autres objets {{domxref("UIEvent")}}, `UIEvent.detail` vaut toujours zéro.
 
-<h2 id="Spécifications">Spécifications</h2>
+## Spécifications
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Spécification</th>
-   <th scope="col">Statut</th>
-   <th scope="col">Commentaires</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('DOM3 Events','#widl-UIEvent-detail','UIEvent.detail')}}</td>
-   <td>{{Spec2('DOM3 Events')}}</td>
-   <td> </td>
-  </tr>
-  <tr>
-   <td>{{SpecName('DOM2 Events','#Events-UIEvent-detail','UIEvent.detail')}}</td>
-   <td>{{Spec2('DOM2 Events')}}</td>
-   <td>Première définition.</td>
-  </tr>
- </tbody>
-</table>
+| Spécification                                                                                | Statut                           | Commentaires         |
+| -------------------------------------------------------------------------------------------- | -------------------------------- | -------------------- |
+| {{SpecName('DOM3 Events','#widl-UIEvent-detail','UIEvent.detail')}}     | {{Spec2('DOM3 Events')}} |                      |
+| {{SpecName('DOM2 Events','#Events-UIEvent-detail','UIEvent.detail')}} | {{Spec2('DOM2 Events')}} | Première définition. |
 
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
 
-<p>{{Compat("api.UIEvent.detail")}}</p>
+{{Compat("api.UIEvent.detail")}}
diff --git a/files/fr/web/api/uievent/index.md b/files/fr/web/api/uievent/index.md
index 0bf32d28b4..2fad98cefd 100644
--- a/files/fr/web/api/uievent/index.md
+++ b/files/fr/web/api/uievent/index.md
@@ -11,99 +11,68 @@ tags:
   - UIEvent
 translation_of: Web/API/UIEvent
 ---
-<p>{{APIRef("DOM Events")}}</p>
-
-<p>L'interface <strong><code>UIEvent</code></strong> représente des évènements simples de l'interface utilisateur.</p>
-
-<p><code>UIEvent</code> dérive de {{domxref("Event")}}. Bien que la méthode {{domxref("UIEvent.initUIEvent()")}}  soit conservée pour la compatibilité ascendante, vous devez créer un objet <code>UIEvent</code> en utilisant le constructeur {{domxref("UIEvent.UIEvent", "UIEvent()")}}.</p>
-
-<p>Plusieurs interfaces descendent directement ou indirectement de celle-ci : {{domxref("MouseEvent")}}, {{domxref("FocusEvent")}}, {{domxref("KeyboardEvent")}}, {{domxref("WheelEvent")}}, {{domxref("InputEvent")}} et {{domxref("CompositionEvent")}}.</p>
-
-<h2 id="Constructeurs">Constructeurs</h2>
-
-<dl>
- <dt>{{domxref("UIEvent.UIEvent()", "UIEvent()")}}</dt>
- <dd>Crée un objet <code>UIEvent</code>.</dd>
-</dl>
-
-<h2 id="Propriétés">Propriétés</h2>
-
-<p><em>Cette interface hérite également des propriétés de son parent {{domxref("Event")}}.</em></p>
-
-<dl>
- <dt>{{domxref("UIEvent.cancelBubble")}} {{Non-standard_inline}} {{Deprecated_inline}}</dt>
- <dd>{{jsxref("Boolean")}} <em>(booléen)</em> indiquant si les conséquences de l'évènement ont été annulées ou non.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("UIEvent.detail")}}{{readonlyinline}}</dt>
- <dd>Retourne un <code>long</code> qui donne quelques détails sur l'évènement, dépendant du type d'évènement.</dd>
- <dt>{{domxref("UIEvent.isChar")}} {{obsolete_inline}} {{readonlyinline}}</dt>
- <dd>Retourne un {{jsxref("Boolean")}} indiquant si l'évènement a produit un caractère clé ou non.</dd>
- <dt>{{domxref("UIEvent.layerX")}} {{Non-standard_inline}} {{readonlyinline}}</dt>
- <dd>Retourne la coordonnée horizontale de l'évènement par rapport à la couche actuelle.</dd>
- <dt>{{domxref("UIEvent.layerY")}} {{Non-standard_inline}} {{readonlyinline}}</dt>
- <dd>Retourne la coordonnée verticale de l'évènement par rapport à la couche actuelle.</dd>
- <dt>{{domxref("UIEvent.pageX")}} {{Non-standard_inline}} {{readonlyinline}}</dt>
- <dd>Retourne la coordonnée horizontale de l'évènement par rapport à l'ensemble du document.</dd>
- <dt>{{domxref("UIEvent.pageY")}} {{Non-standard_inline}} {{readonlyinline}}</dt>
- <dd>Retourne la coordonnée verticale de l'évènement par rapport à l'ensemble du document.</dd>
- <dt>{{domxref("UIEvent.sourceCapabilities")}} {{non-standard_inline}} {{readonlyinline}}</dt>
- <dd>Retourne une instance de l'interface <code>InputDeviceCapabilities</code> qui fournit des informations sur le périphérique physique responsable de l'évènement.</dd>
- <dt>{{domxref("UIEvent.view")}}{{readonlyinline}}</dt>
- <dd>Retourne un {{domxref("WindowProxy")}} qui contient la vue de la génération de l'évènement.</dd>
- <dt>{{domxref("UIEvent.which")}} {{Non-standard_inline}} {{readonlyinline}}</dt>
- <dd>Retourne l'identifiant <code>keyCode</code> de la touche pressée, ou le code du caractère (<code>charCode</code>) pour une touche alphanumérique enfoncée.</dd>
-</dl>
-
-<h2 id="Méthodes">Méthodes</h2>
-
-<p><em>Cette interface hérite également des méthodes de son parent, {{domxref("Event")}}.</em></p>
-
-<dl>
- <dt>{{domxref("UIEvent.initUIEvent()")}} {{deprecated_inline}}</dt>
- <dd>Initialise un objet <code>UIEvent</code>. Si l'évènement a déjà été envoyé, cette méthode ne fait rien.</dd>
-</dl>
-
-<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('InputDeviceCapabilities')}}</td>
-   <td>{{Spec2('InputDeviceCapabilities')}}</td>
-   <td>Ajoute la propriété <code>sourceCapabilities</code>.</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('UI Events')}}</td>
-   <td>{{Spec2('UI Events')}}</td>
-   <td>Extension de DOM3.</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('DOM3 Events', '#interface-UIEvent', 'UIEvent')}}</td>
-   <td>{{Spec2('DOM3 Events')}}</td>
-   <td>Ajoute le constructeur <code>UIEvent()</code>, déprécie la méthode <code>initUIEvent()</code> et change le type de <code>view</code> de <code>AbstractView</code> vers <code>WindowProxy</code>.</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('DOM2 Events', '#Events-UIEvent', 'UIEvent')}}</td>
-   <td>{{Spec2('DOM2 Events')}}</td>
-   <td>Définition initiale.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.UIEvent")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li><a href="/fr/docs/Learn/JavaScript/Building_blocks/Events">Introduction to events</a></li>
- <li>{{ domxref("Event") }}</li>
-</ul>
+{{APIRef("DOM Events")}}
+
+L'interface **`UIEvent`** représente des évènements simples de l'interface utilisateur.
+
+`UIEvent` dérive de {{domxref("Event")}}. Bien que la méthode {{domxref("UIEvent.initUIEvent()")}}  soit conservée pour la compatibilité ascendante, vous devez créer un objet `UIEvent` en utilisant le constructeur {{domxref("UIEvent.UIEvent", "UIEvent()")}}.
+
+Plusieurs interfaces descendent directement ou indirectement de celle-ci : {{domxref("MouseEvent")}}, {{domxref("FocusEvent")}}, {{domxref("KeyboardEvent")}}, {{domxref("WheelEvent")}}, {{domxref("InputEvent")}} et {{domxref("CompositionEvent")}}.
+
+## Constructeurs
+
+- {{domxref("UIEvent.UIEvent()", "UIEvent()")}}
+  - : Crée un objet `UIEvent`.
+
+## Propriétés
+
+_Cette interface hérite également des propriétés de son parent {{domxref("Event")}}._
+
+- {{domxref("UIEvent.cancelBubble")}} {{Non-standard_inline}} {{Deprecated_inline}}
+  - : {{jsxref("Boolean")}} _(booléen)_ indiquant si les conséquences de l'évènement ont été annulées ou non.
+
+<!---->
+
+- {{domxref("UIEvent.detail")}}{{readonlyinline}}
+  - : Retourne un `long` qui donne quelques détails sur l'évènement, dépendant du type d'évènement.
+- {{domxref("UIEvent.isChar")}} {{obsolete_inline}} {{readonlyinline}}
+  - : Retourne un {{jsxref("Boolean")}} indiquant si l'évènement a produit un caractère clé ou non.
+- {{domxref("UIEvent.layerX")}} {{Non-standard_inline}} {{readonlyinline}}
+  - : Retourne la coordonnée horizontale de l'évènement par rapport à la couche actuelle.
+- {{domxref("UIEvent.layerY")}} {{Non-standard_inline}} {{readonlyinline}}
+  - : Retourne la coordonnée verticale de l'évènement par rapport à la couche actuelle.
+- {{domxref("UIEvent.pageX")}} {{Non-standard_inline}} {{readonlyinline}}
+  - : Retourne la coordonnée horizontale de l'évènement par rapport à l'ensemble du document.
+- {{domxref("UIEvent.pageY")}} {{Non-standard_inline}} {{readonlyinline}}
+  - : Retourne la coordonnée verticale de l'évènement par rapport à l'ensemble du document.
+- {{domxref("UIEvent.sourceCapabilities")}} {{non-standard_inline}} {{readonlyinline}}
+  - : Retourne une instance de l'interface `InputDeviceCapabilities` qui fournit des informations sur le périphérique physique responsable de l'évènement.
+- {{domxref("UIEvent.view")}}{{readonlyinline}}
+  - : Retourne un {{domxref("WindowProxy")}} qui contient la vue de la génération de l'évènement.
+- {{domxref("UIEvent.which")}} {{Non-standard_inline}} {{readonlyinline}}
+  - : Retourne l'identifiant `keyCode` de la touche pressée, ou le code du caractère (`charCode`) pour une touche alphanumérique enfoncée.
+
+## Méthodes
+
+_Cette interface hérite également des méthodes de son parent, {{domxref("Event")}}._
+
+- {{domxref("UIEvent.initUIEvent()")}} {{deprecated_inline}}
+  - : Initialise un objet `UIEvent`. Si l'évènement a déjà été envoyé, cette méthode ne fait rien.
+
+## Spécifications
+
+| Spécification                                                                    | Statut                                           | Commentaire                                                                                                                               |
+| -------------------------------------------------------------------------------- | ------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------- |
+| {{SpecName('InputDeviceCapabilities')}}                             | {{Spec2('InputDeviceCapabilities')}} | Ajoute la propriété `sourceCapabilities`.                                                                                                 |
+| {{SpecName('UI Events')}}                                                 | {{Spec2('UI Events')}}                     | Extension de DOM3.                                                                                                                        |
+| {{SpecName('DOM3 Events', '#interface-UIEvent', 'UIEvent')}} | {{Spec2('DOM3 Events')}}                 | Ajoute le constructeur `UIEvent()`, déprécie la méthode `initUIEvent()` et change le type de `view` de `AbstractView` vers `WindowProxy`. |
+| {{SpecName('DOM2 Events', '#Events-UIEvent', 'UIEvent')}}     | {{Spec2('DOM2 Events')}}                 | Définition initiale.                                                                                                                      |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.UIEvent")}}
+
+## Voir aussi
+
+- [Introduction to events](/fr/docs/Learn/JavaScript/Building_blocks/Events)
+- {{ domxref("Event") }}
diff --git a/files/fr/web/api/uievent/layerx/index.md b/files/fr/web/api/uievent/layerx/index.md
index d48034f4c7..8b00e7be60 100644
--- a/files/fr/web/api/uievent/layerx/index.md
+++ b/files/fr/web/api/uievent/layerx/index.md
@@ -10,27 +10,26 @@ tags:
   - lecture seule
 translation_of: Web/API/UIEvent/layerX
 ---
-<p>{{APIRef("DOM Events")}} {{Non-standard_header}}</p>
+{{APIRef("DOM Events")}} {{Non-standard_header}}
 
-<p>La propriété en lecture seule <code><strong>UIEvent.layerX</strong></code> retourne la coordonnée horizontale de l'évènement relativement à la couche en cours.</p>
+La propriété en lecture seule **`UIEvent.layerX`** retourne la coordonnée horizontale de l'évènement relativement à la couche en cours.
 
-<p>Cette propriété prend en compte le défilement de la page, et retourne une valeur relative à l'ensemble du document, à moins que l'évènement ne se soit produit à l'intérieur d'un élément positionné, auquel cas la valeur retournée est relative au coin supérieur gauche de l'élément positionné.</p>
+Cette propriété prend en compte le défilement de la page, et retourne une valeur relative à l'ensemble du document, à moins que l'évènement ne se soit produit à l'intérieur d'un élément positionné, auquel cas la valeur retournée est relative au coin supérieur gauche de l'élément positionné.
 
-<h2 id="Syntax"><strong>Syntaxe</strong></h2>
+## **Syntaxe**
 
-<pre>var <em>posx</em> = <em>event</em>.layerX</pre>
+    var posx = event.layerX
 
-<ul>
- <li><em><code>posx</code></em> est une valeur entière en pixels pour la coordonnée x du pointeur de la souris, lorsque l'évènement souris est déclenché.</li>
-</ul>
+- *`posx`* est une valeur entière en pixels pour la coordonnée x du pointeur de la souris, lorsque l'évènement souris est déclenché.
 
-<h2 id="Syntax"><strong>Exemples</strong></h2>
+## **Exemples**
 
-<pre class="brush: html">&lt;html&gt;
-&lt;head&gt;
-&lt;title&gt;Exemple pageX\pageY &amp; layerX\layerY&lt;/title&gt;
+```html
+<html>
+<head>
+<title>Exemple pageX\pageY & layerX\layerY</title>
 
-&lt;script type="text/javascript"&gt;
+<script type="text/javascript">
 
 function montrerCoords(evt){
   var form = document.forms.form_coords;
@@ -41,9 +40,9 @@ function montrerCoords(evt){
   form.layerXCoords.value = evt.layerX;
   form.layerYCoords.value = evt.layerY;
 }
-&lt;/script&gt;
+</script>
 
-&lt;style type="text/css"&gt;
+<style type="text/css">
 
  #d1 {
   border: solid blue 1px;
@@ -69,44 +68,44 @@ function montrerCoords(evt){
   padding: 10px;
  }
 
-&lt;/style&gt;
-&lt;/head&gt;
+</style>
+</head>
 
-&lt;body onmousedown="montrerCoords(event)"&gt;
+<body onmousedown="montrerCoords(event)">
 
-&lt;p&gt;Pour afficher les coordonnées de la souris, veuillez cliquer quelque part sur la page.&lt;/p&gt;
+<p>Pour afficher les coordonnées de la souris, veuillez cliquer quelque part sur la page.</p>
 
-&lt;div id="d1"&gt;
-&lt;span&gt;Cette div n'est pas positionnée : cliquer dedans renverra des valeurs layerX/layerY identiques à celles de pageX/PageY.&lt;/span&gt;
-&lt;/div&gt;
+<div id="d1">
+<span>Cette div n'est pas positionnée : cliquer dedans renverra des valeurs layerX/layerY identiques à celles de pageX/PageY.</span>
+</div>
 
-&lt;div id="d2"&gt;
+<div id="d2">
 
-&lt;span&gt;Cette div est positionnée : cliquer dedans renverra des valeurs layerX/layerY
-relatives à son coin supérieur. Notez que les valeurs de pageX\pageY sont toujours relatives au document, ce qui inclue le défilement dans la page.&lt;/span&gt;
+<span>Cette div est positionnée : cliquer dedans renverra des valeurs layerX/layerY
+relatives à son coin supérieur. Notez que les valeurs de pageX\pageY sont toujours relatives au document, ce qui inclue le défilement dans la page.</span>
 
-&lt;span&gt;Un peu de défilement ! C'est un div positionné : le clic renverra des valeurs layerX/layerY relative à son coin supérieur gauche. Notez que les valeurs de pageX\pageY sont toujours relatives au document, ce qui inclue le défilement dans la page.&lt;/span&gt;
+<span>Un peu de défilement ! C'est un div positionné : le clic renverra des valeurs layerX/layerY relative à son coin supérieur gauche. Notez que les valeurs de pageX\pageY sont toujours relatives au document, ce qui inclue le défilement dans la page.</span>
 
-&lt;/div&gt;
+</div>
 
-&lt;div id="d3"&gt;
-&lt;form name="form_coords" id="form1"&gt;
- Id de l'élément parent : &lt;input type="text" name="parentId" size="7" /&gt;&lt;br /&gt;
- pageX:&lt;input type="text" name="pageXCoords" size="7" /&gt;
- pageY:&lt;input type="text" name="pageYCoords" size="7" /&gt;&lt;br /&gt;
- layerX:&lt;input type="text" name="layerXCoords" size="7" /&gt;
- layerY:&lt;input type="text" name="layerYCoords" size="7" /&gt;
-&lt;/form&gt;
-&lt;/div&gt;
+<div id="d3">
+<form name="form_coords" id="form1">
+ Id de l'élément parent : <input type="text" name="parentId" size="7" /><br />
+ pageX:<input type="text" name="pageXCoords" size="7" />
+ pageY:<input type="text" name="pageYCoords" size="7" /><br />
+ layerX:<input type="text" name="layerXCoords" size="7" />
+ layerY:<input type="text" name="layerYCoords" size="7" />
+</form>
+</div>
 
-&lt;/body&gt;
-&lt;/html&gt;
-</pre>
+</body>
+</html>
+```
 
-<h2 id="Spécifications">Spécifications</h2>
+## Spécifications
 
-<p><em>Cette propriété ne fait partie d'aucune spécification.</em></p>
+_Cette propriété ne fait partie d'aucune spécification._
 
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
 
-<p>{{Compat("api.UIEvent.layerX")}}</p>
+{{Compat("api.UIEvent.layerX")}}
-- 
cgit v1.2.3-54-g00ecf