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