Bonjour,
je code une interface en html.
J'ai une carte au centre de ma page et à droite des icones. Je voudrais pourvoir drag and droper les icones sur la carte.
Savez-vous comment je peux réaliser ça?
Voici le code concerné :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30 <!--Cadre central--> <section id="cadreCentral"> <!--Carte--> <img class="map" src="./STATIONS/map.jpg" alt="Map" ondragover="return false" ondrop="drop(this, event)"> </section> <!--Fenêtre avec les stations pour le Drag and Drop--> <section id="cadreDnD"> <table> <tr> <td><img src="./START/movepng.png" alt="M3" class="icone">M2<td/> <td><img src="./START/fixpng.png" alt="F3" class="icone">F2<td/> <tr/> <tr> <td><img src="./START/movepng.png" alt="M3" class="icone">M2<td/> <td><img src="./START/fixpng.png" alt="F3" class="icone">F2<td/> <tr/> <tr> <td><img src="./START/movepng.png" alt="M3" class="icone">M3<td/> <td><img src="./START/fixpng.png" alt="F3" class="icone">F3<td/> <tr/> <tr> <td><img src="./START/movepng.png" alt="M4" class="icone">M4<td/> <td><img src="./START/fixpng.png" alt="F4" class="icone">F4<td/> <tr/> <tr> <td><img src="./START/movepng.png" alt="M5" class="icone">M5<td/> <td><img src="./START/fixpng.png" alt="F5" class="icone">F5<td/> <tr/> </table> </section><!--Fin section DnD-->
Merci
Partager