Groups > it.comp.lang.javascript > #8104

Drag&drop

Newsgroups	it.comp.lang.javascript
Date	2016-11-30 01:28 -0800
Message-ID	<af37006f-3fc8-4979-b39c-93ece8d01c2e@googlegroups.com> (permalink)
Subject	Drag&drop
From	tres.farc@gmail.com

Show all headers | View raw

'Ecchime qua.
Altro problem.
Sto usando la funzione drag&drop per muovere col mouse, sullo schermo, un div.
Il codice della pagina è questo qui (i vari div annidati DEVONO essere così):


<!--***********************************************-->

<html><head>
<script src="scripts/jquery.min.js"></script>
<script src="scripts/ui/jquery-ui.js"></script>
<script src="scripts/dragdrop.js"></script>

<script> 
$(document).ready(function(){$("#01").draggable( {containment: "#divcontainer", scroll: false});});
</script>

</head>

<body>

<div>

<div id="myDiv">

<div id="01">
<div>MUOVITI</div>
</div>

</div>

</div>


</body>
</html>

<!--**********************************-->

Come vedete ho collegato 3 file esterni js che fanno funzionare il drag&drop.
Il codice funziona benissimo. Riesco a muovere il div "01" (quello con dentro la parola "MUOVITI") con il mouse.
Ok.

Vorrei pero' fare una cosa cosi':
Il Div chiamato "01" DEVO crearlo in questo modo, dinamicamente, all'interno di "myDiv":

function scriviHTML() {
var t='';

t+='<div id="01">';
t+='<div>MUOVITI</div>';
t+='</div>';

document.getElementById("myDiv").innerHTML = t;
}

In pratica, dopo aver normalmente aperto la pagina, quando premo un tasto apposito, chiamo la funzione "scriviHTML()" che mi crea il div "01".
Pero' succede questo:

- la funzione drag&drop NON funziona quando uso la funzione "scriviHTML", però la parola "MUOVITI" la scrive, anche se rimane ferma.

Perchè????
innerHTML non funziona? C'è qualcosa di insormontabile nei files js che ho collegato? Mi sembra strano...

Back to it.comp.lang.javascript | Previous | Next — Next in thread | Find similar

Thread

Drag&drop tres.farc@gmail.com - 2016-11-30 01:28 -0800
  Re: Drag&drop fmigliori@gmail.com - 2016-12-01 05:20 -0800
    Re: Drag&drop tres.farc@gmail.com - 2016-12-01 06:06 -0800

csiph-web