From ff26c4d00f6207d87434dc03d278fcdc1c319383 Mon Sep 17 00:00:00 2001
From: Lawrence Zawahri <louza078@student.liu.se>
Date: Tue, 15 Mar 2022 17:32:40 +0100
Subject: [PATCH] lab 4 progress
---
Lab_4/Twidder/static/client.css | 2 +-
Lab_4/Twidder/static/client.html | 4 ++--
Lab_4/Twidder/static/client.js | 25 +++++++++++++------------
3 files changed, 16 insertions(+), 15 deletions(-)
diff --git a/Lab_4/Twidder/static/client.css b/Lab_4/Twidder/static/client.css
index f2a61e4..ed4d8f6 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 ecab25f..f9822ce 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 b7d43c0..b77c50c 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;
+
}
--
GitLab