From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- files/fr/web/api/datatransfer/cleardata/index.md | 107 ++++++++++------------- 1 file changed, 45 insertions(+), 62 deletions(-) (limited to 'files/fr/web/api/datatransfer/cleardata/index.md') diff --git a/files/fr/web/api/datatransfer/cleardata/index.md b/files/fr/web/api/datatransfer/cleardata/index.md index c594fa95e7..4c2246a9f8 100644 --- a/files/fr/web/api/datatransfer/cleardata/index.md +++ b/files/fr/web/api/datatransfer/cleardata/index.md @@ -9,47 +9,44 @@ tags: - drag and drop translation_of: Web/API/DataTransfer/clearData --- -
{{APIRef("HTML Drag and Drop API")}}
+{{APIRef("HTML Drag and Drop API")}} -

La méthode DataTransfer.clearData() retire l'opération de {{domxref("DataTransfer","glisser-déposer")}} pour le format donné. Si la donnée pour le format ciblé n'existe pas, cette méthode n'aura aucun effet.

+La méthode DataTransfer.clearData() retire l'opération de {{domxref("DataTransfer","glisser-déposer")}} pour le format donné. Si la donnée pour le format ciblé n'existe pas, cette méthode n'aura aucun effet. -
-

Note : Si cette méthode est appelée sans argument, ou que le format donné est une  {{domxref("DOMString","chaîne de caractères")}}  vide, les données de tous les formats seront retirées.

-
+> **Note :** Si cette méthode est appelée sans argument, ou que le format donné est une  {{domxref("DOMString","chaîne de caractères")}}  vide, les données de tous les formats seront retirées. -

Syntaxe

+## Syntaxe -
void dataTransfer.clearData([format]);
-
+ void dataTransfer.clearData([format]); -

Paramètres

+### Paramètres -
-
format{{optional_inline}}
-
Une {{domxref("DOMString","chaîne de caractères")}} représentant le format de donnée à retirer.
-
+- format{{optional_inline}} + - : Une {{domxref("DOMString","chaîne de caractères")}} représentant le format de donnée à retirer. -

Valeur de retour

+### Valeur de retour -

Void.

+Void. -

Exemple

+## Exemple -

Cette exemple illustre l'utilisation des méthodes {{domxref("DataTransfer.getData()","getData()")}}, {{domxref("DataTransfer.setData()","setData()")}} et {{domxref("DataTransfer.clearData()","clearData()")}} de l'objet {{domxref("DataTransfer")}}.

+Cette exemple illustre l'utilisation des méthodes {{domxref("DataTransfer.getData()","getData()")}}, {{domxref("DataTransfer.setData()","setData()")}} et {{domxref("DataTransfer.clearData()","clearData()")}} de l'objet {{domxref("DataTransfer")}}. -

HTML

+### HTML -
<span class="tweaked" id="source" draggable="true">
+```html
+
   Sélectionnez cet élément, glissez-le et déposez-le dans la Zone de Dépose pour le déplacer.
-</span>
-<span class="tweaked" id="target">Zone de Dépose</span>
-<div>Status: <span id="status">Glissez pour démarrer</span></div>
-<div>Data is: <span id="data">non initialisé</span></div>
-
+ +Zone de Dépose +
Status: Glissez pour démarrer
+
Data is: non initialisé
+``` -

CSS

+### CSS -
span.tweaked {
+```css
+span.tweaked {
   display: inline-block;
   margin: 1em 0;
   padding: 1em 2em;
@@ -63,11 +60,12 @@ translation_of: Web/API/DataTransfer/clearData
 #target {
   border: 1px solid black;
 }
-
+``` -

JavaScript

+### JavaScript -
window.addEventListener('DOMContentLoaded', function () {
+```js
+window.addEventListener('DOMContentLoaded', function () {
   // Séléctionner les éléments HTML
   var draggable = document.getElementById('source')
   var dropable = document.getElementById('target')
@@ -148,36 +146,21 @@ translation_of: Web/API/DataTransfer/clearData
     event.dataTransfer.clearData()
   }
 })
-
- -

{{EmbedLiveSample('Exemple', 300, 250)}}

- -

Spécifications

- - - - - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG', 'interaction.html#dom-datatransfer-cleardata','DataTransfer.clearData()')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5.1', 'editing.html#dom-datatransfer-cleardata','DataTransfer.clearData()')}}{{Spec2('HTML5.1')}}Définition initiale
- -

Compatibilité

- -

{{Compat("api.DataTransfer.clearData")}}

- -

À voir également

- -

{{page("/fr/docs/Web/API/DataTransfer", "See also")}}

+``` + +{{EmbedLiveSample('Exemple', 300, 250)}} + +## Spécifications + +| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- | ------------------- | +| {{SpecName('HTML WHATWG', 'interaction.html#dom-datatransfer-cleardata','DataTransfer.clearData()')}} | {{Spec2('HTML WHATWG')}} |   | +| {{SpecName('HTML5.1', 'editing.html#dom-datatransfer-cleardata','DataTransfer.clearData()')}} | {{Spec2('HTML5.1')}} | Définition initiale | + +## Compatibilité + +{{Compat("api.DataTransfer.clearData")}} + +## À voir également + +{{page("/fr/docs/Web/API/DataTransfer", "See also")}} -- cgit v1.2.3-54-g00ecf