File manager - Edit - /home/autoph/public_html/portal/dragable_div.html
Back
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>Drag Me</title><style>#dragme{position:absolute;display:none;height:100px;width:100px;background-color:#eee;border:1px solid black;border-radius:15px;text-align:center;}</style> <script> var mousex; var mousey; var move = false; var ldivx = 200; var ldivy = 200;window.onload = init; function init() { var d = document.getElementById('dragme'); d.onmousedown = mousedown;d.onmouseup = mouseup; d.onmousemove = mousemove;d.style.left = ldivx +'px'; d.style.top = ldivy +'px';d.style.display = 'block'; } function mousedown(e) { document.getElementById('dragme').style.color = 'red'; move = true;mousex = e.clientX; mousey = e.clientY; } function mouseup(e) { document.getElementById('dragme').style.color = 'black'; move = false; } function mousemove(e) { if(move){ ldivx = ldivx + e.clientX - mousex;ldivy = ldivy + e.clientY - mousey; mousex = e.clientX; mousey = e.clientY; var d = document.getElementById('dragme'); d.style.left = ldivx +'px';d.style.top = ldivy +'px'; } } </script> </head> <body> <div id="dragme">Drag me</div> </body></html>
| ver. 1.4 |
.
| PHP 7.3.33 | Generation time: 0 |
proxy
|
phpinfo
|
Settings