From 6772831200d14c2436aea2d0c837f40dbf12156f Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Sun, 26 Sep 2021 13:11:47 +0200 Subject: Prepare Web API section for Markdown conversion (#2464) * Remove summary classes and ids * Remove unecessary hidden * Remove useless span filled with useless attributes / ids * Remove useless font * Remove notranslate * Remove id in other elements than headings * Remove name attributes * Remove 
 for JS w/ language-js class

* Remove 
 for HTML w/ language-html class

* Remove 
 for other lang w/ language-* class

* Rm highlighted line in code samples

* fix links, internal, external, absolute URLs

* missing file from last commit

* Fix styles errors apart from table + some classes

* Fix notes and warnings (+ some other :x)

* fix typo during merge which broke a doc

* aand forgot a conflict

* fix remaining classes of errors except dls and images

* Fix dls

* Fix images (deki/mozillademos) and remaining style issues

* Remove script tag from svg file

* Remove script tag from svg fileS

* Compress SVG files for CI
---
 files/fr/web/api/pointer_events/index.html         | 24 +++++++++++-----------
 .../pointer_events/pinch_zoom_gestures/index.html  |  6 ++++--
 2 files changed, 16 insertions(+), 14 deletions(-)

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

diff --git a/files/fr/web/api/pointer_events/index.html b/files/fr/web/api/pointer_events/index.html
index b8f5de1c8b..0e26e4cbda 100644
--- a/files/fr/web/api/pointer_events/index.html
+++ b/files/fr/web/api/pointer_events/index.html
@@ -23,16 +23,16 @@ translation_of: Web/API/Pointer_events
 

  
pointeur actif

  
Tout périphérique d'entrée pointeur pouvant produire des événements. Un pointeur est considéré actif s'il peut encore produire des événements. Par exemple, un stylet posé sur l'écran est considéré comme actif puisqu'il peut produire des événements en étant déplacé ou levé.

- 
numériseur (digitizer)

+ 
numériseur (digitizer)

  
Un dispositif avec une surface pouvant recevoir et détecter le contact. Le plus souvent, le dispositif est un écran tactile pouvant détecter l'entrée provenant du stylet ou du doigt.

- 
hit test

+ 
hit test

  
Le procédé qu'utilise le navigateur pour détermine l'élément cible de l'événement pointeur. Typiquement, il est déterminé en utilisant l'emplacement du pointeur et la disposition visuelle des éléments dans un document d'un media écran.

- 
pointeur

+ 
pointeur

  
Une représentation agnostique du périphérique en entrée pouvant cibler des coordonnées sur un écran. Des exemples d'appareils de pointeur sont la souris, le stylet et la contact tactile.

  
capture du pointeur

  
La capture du pointeur permet aux événements d'être redirigé vers un élément particulier autre que le résultat du hit test.

- 
événement de pointeur

- 
Un {{domxref("PointerEvent","événement")}} DOM déclenché pour un pointeur.

+ 
événement de pointeur

+ 
Un {{domxref("PointerEvent","événement")}} DOM déclenché pour un pointeur.

 

 
 
Interfaces

@@ -141,7 +141,7 @@ translation_of: Web/API/Pointer_events
 
 
This example registers a handler for every event type for the given element.

 
-
<html>
+
<html>
 <script>
 function over_handler(event) { }
 function enter_handler(event) { }
@@ -179,7 +179,7 @@ function init() {
 
 
This example illustrates accessing all of a touch event's properties.

 
-
<html>
+
<html>
 <script>
 var id = -1;
 
@@ -310,7 +310,7 @@ function init() {
 
 
The following example shows pointer capture being set on an element.

 
-
<html>
+
<html>
 <script>
 function downHandler(ev) {
  var el=document.getElementById("target");
@@ -330,7 +330,7 @@ function init() {
 
 
The following example shows a pointer capture being released (when a {{event("pointercancel")}} event occurs. The browser does this automatically when a {{event("pointerup")}} or {{event("pointercancel")}} event occurs.

 
-
<html>
+
<html>
 <script>
 function downHandler(ev) {
  var el=document.getElementById("target");
@@ -363,7 +363,7 @@ function init() {
 
 
In the following example, the browser's default touch behavior is disabled for the div element.

 
-
<html>
+
<html>
 <body>
  <div style="touch-action:none;">Can't touch this ... </div>
 </body>
@@ -372,14 +372,14 @@ function init() {
 
 
In the following example, default touch behavior is disabled for some button elements.

 
-
button#tiny {
+
button#tiny {
   touch-action: none;
 }
 

 
 
In the following example, when the target element is touched, it will only pan in the horizontal direction.

 
-
#target {
+
#target {
   touch-action: pan-x;
 }
 

diff --git a/files/fr/web/api/pointer_events/pinch_zoom_gestures/index.html b/files/fr/web/api/pointer_events/pinch_zoom_gestures/index.html
index deccfa13ca..70a6466883 100644
--- a/files/fr/web/api/pointer_events/pinch_zoom_gestures/index.html
+++ b/files/fr/web/api/pointer_events/pinch_zoom_gestures/index.html
@@ -15,7 +15,7 @@ original_slug: Web/API/Pointer_events/gestes_pincer_zoom
 
Cet exemple montre comment détecter les gestes de pinch/zoom (pincer/zoomer), en utilisant les {{domxref("Pointer_events","événements de pointeur")}} pour détecter si l'utilisateur bouge deux pointeurs plus proches ou plus loin l'un de l'autre. 

 
 

-
Note: Une version en direct de cette application est disponible sur Github. Le code source est également disponible sur Github; les pull requests et bug reports sont les bienvenus.

+
Note : Une version en direct de cette application est disponible sur Github. Le code source est également disponible sur Github; les pull requests et bug reports sont les bienvenus.

 

 
 
Exemple

@@ -151,7 +151,9 @@ var prevDiff = -1;
 
 
Cette application utilise un élément {{HTMLElement("div")}} comme zone de toucher et fournit des boutons pour activer et nettoyer les logs.

 
-
Pour empêcher que le comportement par défaut du navigateur au toucher surcharge le gestionnaire de l'application, la propriété {{cssxref("touch-action")}} est appliquée à l'élément {{HTMLElement("body")}}.

+

+  
Note : Pour empêcher que le comportement par défaut du navigateur au toucher surcharge le gestionnaire de l'application, la propriété {{cssxref("touch-action")}} est appliquée à l'élément {{HTMLElement("body")}}.

+

 
 
<body onload="init();" style="touch-action:none">
  <div id="target">Touchez l'écran avec deux pointeurs, puis pincez ou étirez.<br/>
-- 
cgit v1.2.3-54-g00ecf