diff --git a/Lab_4/Twidder/static/client.css b/Lab_4/Twidder/static/client.css index f2a61e49c8063ea72eaa4877c88f822f2793613e..ed4d8f6a197114a38324290aac70379ad5f9ce3c 100644 --- a/Lab_4/Twidder/static/client.css +++ b/Lab_4/Twidder/static/client.css @@ -222,7 +222,7 @@ th, td{ .PostedMessagesDiv{ - background-color: rgb(228, 9, 9); + background-color: white; position: absolute; width: calc(50% - 14px); height: 316px; diff --git a/Lab_4/Twidder/static/client.html b/Lab_4/Twidder/static/client.html index ecab25fb9d0eaca288b55d33fbaf9b7730cece08..f9822ce5ae7a45d90a7c8332947291fbc2d6068f 100644 --- a/Lab_4/Twidder/static/client.html +++ b/Lab_4/Twidder/static/client.html @@ -94,7 +94,7 @@ <textarea id="homeTextarea" name="textarea" rows="6" cols="50" ondrop="dropHome(event)" ondragover="allowDrop(event)"></textarea> <button class="textAreaButton" type="submit" value="Submit">Submit</button> </form> - <div id="homePostedMessagesDiv" class="PostedMessagesDiv" draggable="true" ondragstart="dragHome(event)"></div> + <div id="homePostedMessagesDiv" class="PostedMessagesDiv" draggable="true" ondragstart="drag(event)"></div> <form id="homeReloadForm" class="reloadForm" onsubmit="return reloadWall('home')"> <input id="homeReloadButton" class="reloadButton" type="submit" value="Reload"> </form> @@ -137,7 +137,7 @@ <button class="textAreaButton" type="submit" value="Submit">Submit</button> </form> - <div id="browsePostedMessagesDiv" class="PostedMessagesDiv" draggable="true" ondragstart="dragBrowse(event)"></div> + <div id="browsePostedMessagesDiv" class="PostedMessagesDiv" draggable="true" ondragstart="drag(event)"></div> <form id="browseReloadForm" class="reloadForm" onsubmit="return reloadWall('browse')"> <input id="browseReloadButton" class="reloadButton" type="submit" value="Reload"> </form> diff --git a/Lab_4/Twidder/static/client.js b/Lab_4/Twidder/static/client.js index b7d43c06ca0ad43441e4cfa005202b65cc5eb1d0..b77c50cc59f3ec0362f350db647f740322ab8982 100644 --- a/Lab_4/Twidder/static/client.js +++ b/Lab_4/Twidder/static/client.js @@ -14,24 +14,25 @@ function allowDrop(event) { event.preventDefault(); } -function dragHome(event) { - event.dataTransfer.setData("text", homePostedMessagesDiv); // bör va event.target.innerHTML +function drag(event) { + console.log(event.target.innerHTML) + event.dataTransfer.setData("text", event.target.innerHTML); } -function dragBrowse(event) { - event.dataTransfer.setData("text", browsePostedMessagesDiv); // bör va event.target.innerHTML +function dropHome(event) { + let data = event.dataTransfer.getData("text"); + let dest = document.getElementById("homeTextarea"); + dest.innerHTML = data; + } -function drop(event) { +function dropBrowse(event) { event.preventDefault(); - console.log("början av func"); + let data = event.dataTransfer.getData("text"); - let dest = document.getElementById("homeTextarea"); - dest.innerHTML = data; - - console.log("slutet av func"); - event.target.appendChild(document.getElementById(homeTextarea)); - console.log("slutet av func"); + let dest = document.getElementById("browseTextarea"); + dest.innerHTML = data; + }