From 819542c27b8527e1e728d3dce97be8f0005a6473 Mon Sep 17 00:00:00 2001 From: "Michael D. Lowis" Date: Tue, 31 Jul 2018 21:22:51 -0400 Subject: [PATCH] added highlight of drop target --- index.html | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/index.html b/index.html index ff47c23..10c24a6 100644 --- a/index.html +++ b/index.html @@ -96,6 +96,9 @@ h2 { display: block; } +.drag-target { + border: 1px solid deepskyblue; +} @@ -162,6 +165,8 @@ h2 { const drag_over = (ev) => { ev.preventDefault(); ev.dataTransfer.dropEffect = "move"; + Array.from(document.getElementsByClassName("drag-target")).forEach((e) => e.classList.remove("drag-target")); + ev.target.classList.add("drag-target"); } const drag_drop = (ev) => { @@ -176,6 +181,7 @@ h2 { tgt.appendChild(data); } data.id = ""; + Array.from(document.getElementsByClassName("drag-target")).forEach((e) => e.classList.remove("drag-target")); } window.onclick = (ev) => { @@ -185,6 +191,7 @@ h2 { if (card) { card.children[0].innerHTML = dialogTitle.innerHTML; card.children[1].innerHTML = dialogContent.innerHTML; + card.id = ""; } } } -- 2.55.0