Hello & Thanks ,
I would like to take w3schools code:
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_draggable
And replace the
<p>Move</p>
<p>this</p>
<p>DIV</p>
with multiple "textareas" :
<textarea class="textArea" rows="4" cols="20"> </textarea>
As I do here:
https://www.w3schools.com/code/tryit.asp?filename=G6WWH7C8BR89
(Please note the behavior of <trextarea> , how you can Drag the textarea
from the right bottom corner
and resize the whole 'mydiv' . )
And then then I want to add multiple "mydiv" structures:
<div id="mydiv">
<div id="mydivheader">Click here to move</div>
<textarea class="textArea" rows="4" cols="20"> </textarea>
</div>
So that I can drag them around .
Please show me how to modify the code to make it do this .
Thank you very much !
Also ,
dragElement(document.getElementById("mydiv"));
what exactly is being put into dragElement ?
A reference to "mydiv" or "mydivheader" ?
How does dragElement know to only Drag "mydivheader"
and not <textarea> .
_______________________
I like this code very much , but it doesn't work with the < textarea> structure .
https://www.w3schools.com/code/tryit.asp?filename=G6WXCFPNLL4E