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

Drag&drop

X-Received	by 10.129.128.68 with SMTP id q65mr7924880ywf.135.1480498120971; Wed, 30 Nov 2016 01:28:40 -0800 (PST)
X-Received	by 10.157.56.132 with SMTP id p4mr1552903otc.20.1480498120924; Wed, 30 Nov 2016 01:28:40 -0800 (PST)
Path	csiph.com!feeder.erje.net!1.us.feeder.erje.net!newspeer1.nac.net!border2.nntp.dca1.giganews.com!nntp.giganews.com!p16no180648qta.1!news-out.google.com!j8ni829qtc.0!nntp.google.com!p16no180647qta.1!postnews.google.com!glegroupsg2000goo.googlegroups.com!not-for-mail
Newsgroups	it.comp.lang.javascript
Date	Wed, 30 Nov 2016 01:28:40 -0800 (PST)
Complaints-To	groups-abuse@google.com
Injection-Info	glegroupsg2000goo.googlegroups.com; posting-host=93.66.80.157; posting-account=OwmecgoAAABtnAM8o49ZOdZSHd6uspDt
NNTP-Posting-Host	93.66.80.157
User-Agent	G2/1.0
MIME-Version	1.0
Message-ID	<af37006f-3fc8-4979-b39c-93ece8d01c2e@googlegroups.com> (permalink)
Subject	Drag&drop
From	tres.farc@gmail.com
Injection-Date	Wed, 30 Nov 2016 09:28:40 +0000
Content-Type	text/plain; charset=UTF-8
Content-Transfer-Encoding	quoted-printable
Lines	71
Xref	csiph.com it.comp.lang.javascript:8104

Show key headers only | 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