diff --git a/www/client.js b/www/client.js index fac4fc7f..d9490b45 100644 --- a/www/client.js +++ b/www/client.js @@ -627,8 +627,8 @@ function setChatBoxMobile() { document.documentElement.style.setProperty("--msger-height", "98vh"); document.documentElement.style.setProperty("--msger-width", "98vw"); } else { - // make chat room draggable for desktop - dragElement(get("msgerDraggable")); + // make chat room draggable for desktop https://jqueryui.com/draggable/ + $("#msgerDraggable").draggable(); } } @@ -742,54 +742,6 @@ function showChatRoom() { } } -// ===================================================== -// drag char room element -// ===================================================== -function dragElement(elmnt) { - // https://www.w3schools.com/howto/howto_js_draggable.asp - var pos1 = 0, - pos2 = 0, - pos3 = 0, - pos4 = 0; - if (get("msgerHeader")) { - /* if present, the header is where you move the DIV from:*/ - get("msgerHeader").onmousedown = dragMouseDown; - } else { - /* otherwise, move the DIV from anywhere inside the DIV:*/ - elmnt.onmousedown = dragMouseDown; - } - - function dragMouseDown(e) { - e = e || window.event; - e.preventDefault(); - // get the mouse cursor position at startup: - pos3 = e.clientX; - pos4 = e.clientY; - document.onmouseup = closeDragElement; - // call a function whenever the cursor moves: - document.onmousemove = elementDrag; - } - - function elementDrag(e) { - e = e || window.event; - e.preventDefault(); - // calculate the new cursor position: - pos1 = pos3 - e.clientX; - pos2 = pos4 - e.clientY; - pos3 = e.clientX; - pos4 = e.clientY; - // set the element's new position: - elmnt.style.top = elmnt.offsetTop - pos2 + "px"; - elmnt.style.left = elmnt.offsetLeft - pos1 + "px"; - } - - function closeDragElement() { - /* stop moving when mouse button is released:*/ - document.onmouseup = null; - document.onmousemove = null; - } -} - // ===================================================== // append Message to msger chat room // =====================================================