Buongiorno a tutti.
Mi servirebbe un piccolo aiuto.
Ho realizzato, grazie alle vostre guide, una funzione di Drag&Drop che fa già tutto quello che mi serve.
Mi è rimasto solo un piccolo neo che non riesco a risolvere.
Quando trascino l'oggetto l'icona del mouse cambia dalla move che ho impostato a quella del divieto.
Sapreste indicarmi il codice necessario per mantenere la stessa icona anche durante il trascinamento
Di seguito riporto le varie porzioni di codice
HTML:
<div id="bot12"><IMG SRC="./b12.png" id="b12" BORDER=0 ondragstart="iniziaTrascinamento(event, 'bot12')" draggable="true" data-valore="b" data-icona="./b12.png"></div>
CSS:
#b12 {cursor: move; position: relative; top: 1195px; left: 674px;}
JAVASCRIPT:
function iniziaTrascinamento(evento, tipo)
{
document.body.style.cursor = "move";
Elim = tipo;
evento.dataTransfer.setData("text", evento.target.dataset.valore);
evento.dataTransfer.effectAllowed = 'move';
icona = document.createElement('img');
icona.src = evento.target.dataset.icona;
evento.dataTransfer.setDragImage(icona, 0, 0);
} function trascinamentoInZonaDiDrop(evento)
{
evento.dataTransfer.dropEffect = 'move';
evento.preventDefault();
}
function rilascioDellOggettoTrascinato(evento)
{
if(evento.dataTransfer.getData("text") == "b")
{
sommatoria = document.getElementById("bottiglie");
sommatoria.innerHTML = parseFloat(sommatoria.innerHTML) + parseFloat(1);
evento.preventDefault();
document.getElementById(Elim).style.display='none' ;
}
else{evento.preventDefault();}
}
Grazie a tutti per l'aiuto!
Rispondi quotando
