Spero che il titolo sia abbastanza eloquente. Ho aperto gi� una discussione dove si parlava di una scacchiera (e spero anche che i moderatori non debbano riprendermi perch� ne apro una nuova ora), ma, in quella, le soluzioni su cui chiedevo chiarimenti erano diverse da quelle su cui chiedo consiglio ora. Con permesso dunque, espongo ci� che ho:

codice:
<table id="scacchiera">
<tr>
<td id="a1"><font draggable="true"> <!-- carattere scacchistico da trascinare -- > </font> </td>
<td id="a2"> <!-- vuoto --> </td>
</tr>
<table>
Come rendere entrambe le caselle target per l'elemento trascinabile? E poi, come adattare il mio contenuto con i relativi id allo script (che copio e incollo dal sito w3schools)?

codice:
<script>
    function allowDrop(ev){
        ev.preventDefault();
}

    function drag(ev){
        ev.dataTransfer.setData("text", ev.target.id);
}

    function drop(ev){
        ev.preventDefault();
        var data = ev.dataTransfer.getData("text");
        ev.target.appendChild(document.getElementById(data));
}
    </script>


Ringrazio quanti risponderanno e di nuovo l'organizzazione di questo forum. Grazie, Andrea