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

Drag&drop

Started by	tres.farc@gmail.com
First post	2016-11-30 01:28 -0800
Last post	2016-12-01 06:06 -0800
Articles	3 — 2 participants

Back to article view | Back to it.comp.lang.javascript

  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

#8104 — Drag&drop

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

'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...

[toc] | [next] | [standalone]

#8105

From	fmigliori@gmail.com
Date	2016-12-01 05:20 -0800
Message-ID	<8ee0fbb2-6875-444b-b799-82c6f4ccaa17@googlegroups.com>
In reply to	#8104

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


1 -manca l'elemento con id divcontainer o correggi la riga precedente col tag mydiv

2 -eviterei la cosa brutta dell'innerhtml (ma magari sono il solo a pensarlo)

3 -prima crea il div poi rendilo draggabile quindi sposta la riga riportata come ultima istruzione di scrivihtml

Non ho fatto prove per cui posso essere stato impreciso.

Ciao

[toc] | [prev] | [next] | [standalone]

#8106

From	tres.farc@gmail.com
Date	2016-12-01 06:06 -0800
Message-ID	<49014f5c-fd46-48af-9e7d-5eeba98246cd@googlegroups.com>
In reply to	#8105

Il giorno giovedì 1 dicembre 2016 14:20:20 UTC+1, fmig...@gmail.com ha scritto:

> 2 -eviterei la cosa brutta dell'innerhtml (ma magari sono il solo a pensarlo)

Lo dicono in molti, ma poi perchè? Mi funziona a meraviglia con decine di browser.. Boh...

Cmq ho risolto alla grandissima in altro modo, grazie. 
Spettacolo.

[toc] | [prev] | [standalone]

csiph-web

Drag&drop

Contents

#8104 — Drag&drop

#8105

#8106