diff options
Diffstat (limited to 'files/fr/web/api/document/dragenter_event/index.html')
| -rw-r--r-- | files/fr/web/api/document/dragenter_event/index.html | 58 |
1 files changed, 29 insertions, 29 deletions
diff --git a/files/fr/web/api/document/dragenter_event/index.html b/files/fr/web/api/document/dragenter_event/index.html index 2bdc66e42e..7f95865724 100644 --- a/files/fr/web/api/document/dragenter_event/index.html +++ b/files/fr/web/api/document/dragenter_event/index.html @@ -7,19 +7,19 @@ translation_of: Web/API/Document/dragenter_event <p>L'événement <strong>dragenter</strong> est déclenché lorsqu'un élément glissé ou une sélection de texte entre dans une cible de drop valide.</p> -<h2 id="Informations_généralesEdit">Informations générales<a class="button section-edit only-icon" href="https://developer.mozilla.org/fr/docs/Web/Events/animationend$edit#Informations_g%C3%A9n%C3%A9rales"><span>Edit</span></a></h2> +<h2>Informations générales</h2> <dl> - <dt style="float: left; text-align: right; width: 120px;">Interface</dt> - <dd style="margin: 0 0 0 120px;">{{domxref("DragEvent")}}</dd> - <dt style="float: left; text-align: right; width: 120px;">Propagation</dt> - <dd style="margin: 0 0 0 120px;">Oui</dd> - <dt style="float: left; text-align: right; width: 120px;">Annulable</dt> - <dd style="margin: 0 0 0 120px;">Oui</dd> - <dt style="float: left; text-align: right; width: 120px;">Cible</dt> - <dd style="margin: 0 0 0 120px;">La sélection immédiate de l'utilisateur (l'élément présentement indiqué par l'utilisateur comme cible pour le drop), ou l'élément {{HTMLElement("body")}}.</dd> - <dt style="float: left; text-align: right; width: 120px;">Action par défaut</dt> - <dd style="margin: 0 0 0 120px;">Rejette la sélection immédiate de l'utilisateur comme élément cible potentiel</dd> + <dt>Interface</dt> + <dd>{{domxref("DragEvent")}}</dd> + <dt>Propagation</dt> + <dd>Oui</dd> + <dt>Annulable</dt> + <dd>Oui</dd> + <dt>Cible</dt> + <dd>La sélection immédiate de l'utilisateur (l'élément présentement indiqué par l'utilisateur comme cible pour le drop), ou l'élément {{HTMLElement("body")}}.</dd> + <dt>Action par défaut</dt> + <dd>Rejette la sélection immédiate de l'utilisateur comme élément cible potentiel</dd> </dl> <h2 id="Properties">Properties</h2> @@ -35,28 +35,28 @@ translation_of: Web/API/Document/dragenter_event <tbody> <tr> <td><code>target</code> {{readonlyInline}}</td> - <td><a href="/en-US/docs/Web/API/EventTarget" title="EventTarget is an interface implemented by objects that can receive events and may have listeners for them."><code>EventTarget</code></a></td> + <td><a href="/en-US/docs/Web/API/EventTarget"><code>EventTarget</code></a></td> <td>The element that was underneath the element being dragged.</td> </tr> <tr> <td><code>type</code> {{readonlyInline}}</td> - <td><a href="/en-US/docs/Web/API/DOMString" title="DOMString is a UTF-16 String. As JavaScript already uses such strings, DOMString is mapped directly to a String."><code>DOMString</code></a></td> + <td><a href="/en-US/docs/Web/API/DOMString"><code>DOMString</code></a></td> <td>The type of event.</td> </tr> <tr> <td><code>bubbles</code> {{readonlyInline}}</td> - <td><a href="/en-US/docs/Web/API/Boolean" title="The Boolean object is an object wrapper for a boolean value."><code>Boolean</code></a></td> + <td><a href="/en-US/docs/Web/API/Boolean"><code>Boolean</code></a></td> <td>Whether the event normally bubbles or not</td> </tr> <tr> <td><code>cancelable</code> {{readonlyInline}}</td> - <td><a href="/en-US/docs/Web/API/Boolean" title="The Boolean object is an object wrapper for a boolean value."><code>Boolean</code></a></td> + <td><a href="/en-US/docs/Web/API/Boolean"><code>Boolean</code></a></td> <td>Whether the event is cancellable or not?</td> </tr> <tr> <td><code>view</code> {{readonlyInline}}</td> - <td><a class="new" href="/en-US/docs/Web/API/WindowProxy" rel="nofollow" title="The documentation about this has not yet been written; please consider contributing!"><code>WindowProxy</code></a></td> - <td><a href="/en-US/docs/Web/API/Document/defaultView" title="In browsers, document.defaultView returns the window object associated with a document, or null if none is available."><code>document.defaultView</code></a> (<code>window</code> of the document)</td> + <td><a href="/en-US/docs/Web/API/WindowProxy" rel="nofollow"><code>WindowProxy</code></a></td> + <td><a href="/en-US/docs/Web/API/Document/defaultView"><code>document.defaultView</code></a> (<code>window</code> of the document)</td> </tr> <tr> <td><code>detail</code> {{readonlyInline}}</td> @@ -165,33 +165,33 @@ translation_of: Web/API/Document/dragenter_event </style> <script> - <span>var dragged; + var dragged; - /* </span>Les événements sont déclenchés sur les objets glissables<span> */ + /* Les événements sont déclenchés sur les objets glissables */ document.addEventListener("drag", function( event ) { }, false); document.addEventListener("dragstart", function( event ) { - // </span>Stocke une référence sur l'objet glissable<span> + // Stocke une référence sur l'objet glissable dragged = event.target; - // </span>transparence 50%<span> + // transparence 50% event.target.style.opacity = .5; }, false); document.addEventListener("dragend", function( event ) { - // </span>reset de la transparence<span> + // reset de la transparence event.target.style.opacity = ""; }, false); - /* </span>Les événements sont déclenchés sur les cibles du drop<span> */ + /* Les événements sont déclenchés sur les cibles du drop */ document.addEventListener("dragover", function( event ) { - // </span>Empêche default d'autoriser le drop<span> + // Empêche default d'autoriser le drop event.preventDefault(); }, false); document.addEventListener("dragenter", function( event ) { - // </span>Met en surbrillance la cible de drop potentielle lorsque l'élément glissable y entre<span> + // 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"; } @@ -199,7 +199,7 @@ translation_of: Web/API/Document/dragenter_event }, false); document.addEventListener("dragleave", function( event ) { - // r</span>eset de l'arrière-plan des potentielles cible du drop lorsque les éléments glissables les quittent<span> </span><span> + // 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 = ""; } @@ -207,16 +207,16 @@ translation_of: Web/API/Document/dragenter_event }, false); document.addEventListener("drop", function( event ) { - // </span>Empêche l'action par défaut (ouvrir comme lien pour certains éléments)<span> + // Empêche l'action par défaut (ouvrir comme lien pour certains éléments) event.preventDefault(); - // </span>Déplace l'élément traîné vers la cible du drop sélectionnée<span> + // 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);</span> + }, false); </script> </pre> |