Bonjour,
J'aimerais utiliser la fonction de drag and drop à l'intérieur d'un tableau HTML.
Voici mon tableau:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <table id="myTable"> <tr id="1" draggable="true" ondragstart="return dragStart(event)" ondragenter="return dragEnter(event)" ondragover="return dragOver(event)" ondrop="return dragDrop(event)"> <td>Jean-Michel</td><td>Bernard</td> </tr> <tr id="2" draggable="true" ondragstart="return dragStart(event)" ondragenter="return dragEnter(event)" ondragover="return dragOver(event)" ondrop="return dragDrop(event)"> <td>Micheline</td><td>Bernardette</td> </tr> <tr id="3" draggable="true" ondragstart="return dragStart(event)" ondragenter="return dragEnter(event)" ondragover="return dragOver(event)" ondrop="return dragDrop(event)"> <td>Basile</td><td>Ernest</td> </tr> </table>
Je voudrais pouvoir échanger les lignes 1 et 2 par exemple.
J'ai vu pléthore d'exemples sur internet mais qui échangeaient seulement les textes, et non véritablement les éléments ligne (TR) ainsi que leurs colonnes (TD).
Pouvez-vous m'indiquer ce que je dois mettre dans ma fonction dragDrop? Merci.
Partager