Ministère de l'Environnement, de l'Énergie et de la Mer
Menu d'accessibilité
Cours Informatique
Il est également possible d’effectuer des « glisser-déposer » dans une page web. Cette fonctionnalité n’aura donc plus besoin d’être visuellement émulée par des bibliothèques Javascript tierces mais sera présente nativement dans l’API Javascript. Par exemple, si l’on souhaite pouvoir déplacer un élément d’une liste, il suffit de déclarer cet élément avec l’attribut draggable="true". Pour changer l'icône on passe par CSS:
*[draggable=true] {cursor: move;}
Pour faire voyager l'ID de l'objet glissé, on passe par ondragstart="dragStart(event)" fonction qui contiendra:
e.dataTransfer.setData("Text", e.target.getAttribute('id'));
On récupère cet ID dans la zone de drop via ondrop="return drop(event)" via
var idDrag = e.dataTransfer.getData("Text");