[timenetvoiptest]-improve chat room draggable using jquery

This commit is contained in:
miro
2021-01-25 15:42:36 +01:00
parent 282fec6a37
commit 827928129b
+2 -50
View File
@@ -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
// =====================================================