Sommaire

Le drag and drop Drag and drop

Le drag and drop est l’action de prendre un élément en maintenant le clic de la souris sur lui, de le déplacer et de relâcher le clic pour qu’il finisse dans un autre élément. C’est ce qui est fait lors du déplacement d’un fichier attrapé avec la souris et déposé dans un autre dossier.

Vous pourrez retrouver cet exemple dans le fichier : 5_11_DragAndDrop.html.

<div id="sortie"></div> 
 
<p>Glissez/Lâchez les navigateurs dans une zone<br /> 
    <img src="../img/logos/chrome1.png" 
        id="chrome_ico"  
        ondragstart="dragNav(this, event)"  
        alt="Logo Chrome"> 
    <img src="../img/logos/firefox1.png" 
        id="firefox_ico" 
        ondragstart="dragNav(this, event)" 
        alt="Logo Firefox"> 
    <img src="../img/logos/ie1.png"  
        id="internetExplorer_ico" 
        ondragstart="dragNav(this, event)"  
        alt="Logo IE"> 
    <img src="../img/logos/opera1.png"  
        id="opera_ico"  ...