Drag & Drop

Fermé

Linanenu Messages postés 3 Date d'inscription vendredi 25 octobre 2013 Statut Membre Dernière intervention 12 novembre 2013 - 12 nov. 2013 à 14:49
carabde Messages postés 60 Date d'inscription mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 décembre 2021 - 18 nov. 2013 à 11:16

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 :

<!--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 !!

A voir également:

Drag & Drop
Air drop - Guide
Share drop - Télécharger - Téléchargement & Transfert
Drop box gratuite - Télécharger - Gestion de fichiers
Drop edge - Guide
Color drop procreate ne fonctionne pas - Forum Tablettes graphiques

1 réponse

Réponse 1 / 1

carabde Messages postés 60 Date d'inscription mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 décembre 2021 30
18 nov. 2013 à 11:16

Bonjour
je ne peut pour le moment que vous conseiller ce lien qui vous seras peut être utile;
http://apprendre-creer-sites.com/html5/HTML5Drag-and-Drop.php

Discussions similaires

Problème de colorisation sur procreate

Problème d'autorisations d'applications

C'est quoi "drag and drop" ?

librairie manquante

DROP DE PING CONSTANT