lab4 start

Lab_4/Twidder/static/client.css

@@ -222,7 +222,7 @@ th, td{
 
 
 .PostedMessagesDiv{
-    background-color: white;
+    background-color: rgb(228, 9, 9);
     position: absolute;
     width: calc(50% - 14px);
     height: 316px;

Lab_4/Twidder/static/client.html

@@ -91,10 +91,10 @@
                 </table>
                 <form id="homeInputTextArea" class="inputTextArea" onsubmit="return updateWall('home')">
                     <label for="PostMessage">Post a message on your wall:</label> <br>
-                    <textarea id="homeTextarea" name="textarea" rows="6" cols="50"></textarea>                    
+                    <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"></div>
+                <div id="homePostedMessagesDiv" class="PostedMessagesDiv" draggable="true" ondragstart="dragHome(event)"></div>
                 <form id="homeReloadForm" class="reloadForm" onsubmit="return reloadWall('home')">
                     <input id="homeReloadButton" class="reloadButton" type="submit" value="Reload">
                 </form>
@@ -133,11 +133,11 @@
 
                 <form id="browseInputTextArea" class="inputTextArea" onsubmit="return updateWall('browse')">
                     <label for="PostMessage">Post a message on your wall:</label> <br>
-                    <textarea id="browseTextarea" name="textarea" rows="6" cols="50"></textarea>                    
+                    <textarea id="browseTextarea" name="textarea" rows="6" cols="50" ondrop="dropBrowse(event)" ondragover="allowDrop(event)"></textarea>                    
                     <button class="textAreaButton" type="submit" value="Submit">Submit</button>
                 </form>
 
-                <div id="browsePostedMessagesDiv" class="PostedMessagesDiv"></div>
+                <div id="browsePostedMessagesDiv" class="PostedMessagesDiv" draggable="true" ondragstart="dragBrowse(event)"></div>
                 <form id="browseReloadForm" class="reloadForm" onsubmit="return reloadWall('browse')">
                     <input id="browseReloadButton" class="reloadButton" type="submit" value="Reload">
                 </form>

Lab_4/Twidder/static/client.js

@@ -10,6 +10,33 @@ var socket;
 // source "/Users/lorenzo/OneDrive - Linköpings universitet/Skola/DI3B/TDDD97/virtualenv/bin/activate"
 
 
+function allowDrop(event) {
+    event.preventDefault();
+}
+
+function dragHome(event) {
+    event.dataTransfer.setData("text", homePostedMessagesDiv); // bör va event.target.innerHTML
+}
+
+function dragBrowse(event) {
+    event.dataTransfer.setData("text", browsePostedMessagesDiv); // bör va event.target.innerHTML
+}
+
+function drop(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");
+}
+
+
+
+// Socket
 function connectWithSocket() {
     let token = localStorage.getItem("currentUser");