Conflicts fixed on "Drag'n'Drop with mouse events" page in french

language

Author: HachemiH

2-ui/3-event-details/4-mouse-drag-and-drop/article.md

@@ -17,16 +17,11 @@ Ici, nous verrons comment implémenter le glisser-déposer à l'aide d'événeme
 3. Sur `mouseup` - effectue toutes les actions liées à un Drag'n'Drop terminé.
 
 
-<<<<<<< HEAD
 Ce sont les bases. Plus tard, nous verrons comment utiliser d'autres fonctionnalités, telles que la mise en évidence des éléments sous-jacents actuels pendant que nous les glissons.
-=======
-These are the basics. Later we'll see how to add other features, such as highlighting current underlying elements while we drag over them.
->>>>>>> bf7d8bb1af3b416d393af1c15b03cb1352da1f9c
 
 Voici la mise en œuvre de faire glisser une balle :
 
 ```js
-<<<<<<< HEAD
 ball.onmousedown = function(event) { 
   // (1) la préparer au déplacement :  réglé en absolute et en haut par z-index
   ball.style.position = 'absolute';
@@ -35,16 +30,6 @@ ball.onmousedown = function(event) {
   // déplacez-le de tout parent actuel directement dans body
   // pour le placer par rapport à body
   document.body.append(ball);  
-=======
-ball.onmousedown = function(event) {
-  // (1) prepare to moving: make absolute and on top by z-index
-  ball.style.position = 'absolute';
-  ball.style.zIndex = 1000;
-
-  // move it out of any current parents directly into body
-  // to make it positioned relative to the body
-  document.body.append(ball);
->>>>>>> bf7d8bb1af3b416d393af1c15b03cb1352da1f9c
 
   // Centrer la balle aux coordonnées (pageX, pageY)
   function moveAt(pageX, pageY) {
@@ -107,22 +92,14 @@ Donc nous devons écouter le `document` pour le capturer.
 
 ## Positionnent correcte
 
-<<<<<<< HEAD
 Dans les exemples ci-dessus la balle est toujours déplacée ainsi, de sorte à ce que son centre soit au-dessous  du curseur:
-=======
-In the examples above the ball is always moved so that its center is under the pointer:
->>>>>>> bf7d8bb1af3b416d393af1c15b03cb1352da1f9c
 
 ```js
 ball.style.left = pageX - ball.offsetWidth / 2 + 'px';
 ball.style.top = pageY - ball.offsetHeight / 2 + 'px';
 ```
 
-<<<<<<< HEAD
 Pas mal,  mais il y a un  effet secondaire. Pour initier le Glissser-Deposer, nous pouvons appliquer un `mousedown` n’importe où sur la balle. Mais si nous le faisons sur le rebord, alors la balle "saute" soudainement  pour être centrée sous le curseur.
-=======
-Not bad, but there's a side effect. To initiate the drag'n'drop, we can `mousedown` anywhere on the ball. But if "take" it from its edge, then the ball suddenly "jumps" to become centered under the mouse pointer.
->>>>>>> bf7d8bb1af3b416d393af1c15b03cb1352da1f9c
 
 Ce serait mieux si nous gardions le  changement initial de l’élément relativement au curseur.
 
@@ -239,11 +216,7 @@ C’est pourquoi l’idée initiale de mettre les gestionnaires sur des potentie
 
 Alors, que faire?
 
-<<<<<<< HEAD
-Il existe une méthode appelée `document.elementFromPoint(clientX, clientY)`. Elle retourne l’élément le plus imbriqué sur les coordonnées données  relativement à une fenêtre (oubien `null` les coordonnées données sont hors de la fenêtre).
-=======
-There's a method called `document.elementFromPoint(clientX, clientY)`. It returns the most nested element on given window-relative coordinates (or `null` if given coordinates are out of the window). If there are multiple overlapping elements on the same coordinates, then the topmost one is returned.
->>>>>>> bf7d8bb1af3b416d393af1c15b03cb1352da1f9c
+Il existe une méthode appelée `document.elementFromPoint(clientX, clientY)`. Elle retourne l’élément le plus imbriqué sur les coordonnées données  relatif à une fenêtre (ou bien `null` si les coordonnées données sont hors de la fenêtre). S'il y a plusieurs éléments qui se chevauchent sur les mêmes coordonnées, le plus haut est renvoyé.
 
 Nous pouvons l’utiliser dans n’importe lequel de nos gestionnaires d’événements à la souris pour détecter le droppable potentiel sous le pointeur, comme ceci :