[timenetvoiptest]-improve chat room draggable using jquery
This commit is contained in:
+2
-50
@@ -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
|
||||
// =====================================================
|
||||
|
||||
Reference in New Issue
Block a user