From 500f444d23a7a758da229ebe6b9691cc5d4fe731 Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Wed, 16 Mar 2022 17:52:18 +0100 Subject: Fix #4269 - Removes empty/special characters (#4270) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Remove ufeff * Remove u2064 * Remove u2062 * Replace u202f followed by : with  : * Replace u202f next to « or » with   and « or » * Replace u202f followed by ; with  ; * Replace u202f followed by ! with   * Replace u202f followed by ? with  ? * Replace remaining u202f with classical space * Replace u200b surrounded by space with classical space * Replace u200b surrounded by space with classical space - again (repeated) * Remove remaining u200b * Remove u200a * Replace u2009 with   * Remove u00ad * Replace u00a0 followed by : ! or ? with   and punctuation * Replace u00a0 surrounded « or » with   and punctuation * Replace u00a0 followed by whitespaces * Replace u00a0 preceded by whitespaces * Replace u00a0 followed by a newline with a newline * Replace u00a0 followed by a newline with a newline - Take2 * Replace u00a0 followed by a ;   and punctuation * Remove u00a0 followed by , * Remove u00a0 in indentation spaces with \n([ ]*)([\u00a0])([ ]*) * Manual replacement of ([\u00a0])([ ]+) * Replace remaining ([\u00a0]+) by a space * cleaning empty elements * remove ufe0f * Remove u00a0 and u202f after merging against updated main * remove double whitespace using (\w)( )(\w) --- files/fr/web/api/document/dragstart_event/index.md | 136 ++++++++++----------- 1 file changed, 68 insertions(+), 68 deletions(-) (limited to 'files/fr/web/api/document/dragstart_event') diff --git a/files/fr/web/api/document/dragstart_event/index.md b/files/fr/web/api/document/dragstart_event/index.md index 152aeaeb86..afaa26a6a2 100644 --- a/files/fr/web/api/document/dragstart_event/index.md +++ b/files/fr/web/api/document/dragstart_event/index.md @@ -51,7 +51,7 @@ L'événement **dragstart** est déclenché lorsque l'utilisateur glisse un él
This div is draggable - 
+
@@ -61,77 +61,77 @@ L'événement **dragstart** est déclenché lorsque l'utilisateur glisse un él ### CSS Content ```css -  #draggable { -    width: 200px; -    height: 20px; -    text-align: center; -    background: white; -  } - -  .dropzone { -    width: 200px; -    height: 20px; -    background: blueviolet; -    margin-bottom: 10px; -    padding: 10px; -  } + #draggable { + width: 200px; + height: 20px; + text-align: center; + background: white; + } + + .dropzone { + width: 200px; + height: 20px; + background: blueviolet; + margin-bottom: 10px; + padding: 10px; + } ``` ### JavaScript Content ```js -  var dragged; - -  /* Les événements sont déclenchés sur les objets glissables */ -  document.addEventListener("drag", function( event ) { - -  }, false); - -  document.addEventListener("dragstart", function( event ) { -      // Stocke une référence sur l'objet glissable -      dragged = event.target; -      // transparence 50% -      event.target.style.opacity = .5; -  }, false); - -  document.addEventListener("dragend", function( event ) { -      // reset de la transparence -      event.target.style.opacity = ""; -  }, false); - -  /* Les événements sont déclenchés sur les cibles du drop */ -  document.addEventListener("dragover", function( event ) { -      // Empêche default d'autoriser le drop -      event.preventDefault(); -  }, false); - -  document.addEventListener("dragenter", function( event ) { -      // Met en surbrillance la cible de drop potentielle lorsque l'élément glissable y entre -      if ( event.target.className == "dropzone" ) { -          event.target.style.background = "purple"; -      } - -  }, false); - -  document.addEventListener("dragleave", function( event ) { -      // reset de l'arrière-plan des potentielles cible du drop lorsque les éléments glissables les quittent -      if ( event.target.className == "dropzone" ) { -          event.target.style.background = ""; -      } - -  }, false); - -  document.addEventListener("drop", function( event ) { -      // Empêche l'action par défaut (ouvrir comme lien pour certains éléments) -      event.preventDefault(); -      // Déplace l'élément traîné vers la cible du drop sélectionnée -      if ( event.target.className == "dropzone" ) { -          event.target.style.background = ""; -          dragged.parentNode.removeChild( dragged ); -          event.target.appendChild( dragged ); -      } - -  }, false); + var dragged; + + /* Les événements sont déclenchés sur les objets glissables */ + document.addEventListener("drag", function( event ) { + + }, false); + + document.addEventListener("dragstart", function( event ) { + // Stocke une référence sur l'objet glissable + dragged = event.target; + // transparence 50% + event.target.style.opacity = .5; + }, false); + + document.addEventListener("dragend", function( event ) { + // reset de la transparence + event.target.style.opacity = ""; + }, false); + + /* Les événements sont déclenchés sur les cibles du drop */ + document.addEventListener("dragover", function( event ) { + // Empêche default d'autoriser le drop + event.preventDefault(); + }, false); + + document.addEventListener("dragenter", function( event ) { + // Met en surbrillance la cible de drop potentielle lorsque l'élément glissable y entre + if ( event.target.className == "dropzone" ) { + event.target.style.background = "purple"; + } + + }, false); + + document.addEventListener("dragleave", function( event ) { + // reset de l'arrière-plan des potentielles cible du drop lorsque les éléments glissables les quittent + if ( event.target.className == "dropzone" ) { + event.target.style.background = ""; + } + + }, false); + + document.addEventListener("drop", function( event ) { + // Empêche l'action par défaut (ouvrir comme lien pour certains éléments) + event.preventDefault(); + // Déplace l'élément traîné vers la cible du drop sélectionnée + if ( event.target.className == "dropzone" ) { + event.target.style.background = ""; + dragged.parentNode.removeChild( dragged ); + event.target.appendChild( dragged ); + } + + }, false); ``` {{ EmbedLiveSample('Exemple_dropzone') }} @@ -140,7 +140,7 @@ L'événement **dragstart** est déclenché lorsque l'utilisateur glisse un él | Spécification | Statut | Commentaire | | -------------------------------------------------------------------------------------------- | -------------------------------- | ------------------- | -| {{SpecName("HTML WHATWG", "interaction.html#dndevents", "dragstart")}} | {{Spec2("HTML WHATWG")}} |   | +| {{SpecName("HTML WHATWG", "interaction.html#dndevents", "dragstart")}} | {{Spec2("HTML WHATWG")}} | | | {{SpecName("HTML5.1", "editing.html#dndevents", "dragstart")}} | {{Spec2("HTML5.1")}} | Définition initiale | ## Compatibilités navigateur -- cgit v1.2.3-54-g00ecf