Drag a div - onmouseup
Problémám, hogy mozgatni szertenék egy div-et az egér segítségével, ami mozog is, de nem hajlandó elereszteni.
Már találtam külföldi fórumokon tökéletesen működő megoldásokat, de azok sokkal többet 'tudtak'. Ha megoldható, én ezt a kódot szeretném kiegészíteni minimálisan, hogy megértsem mi a gond ebben az esetben.
Előre is köszi!
■ <html>
<head>
<script>
var cx=cy=-1;
function down(event){
document.getElementById('main').style.background='blue';
cx=event.clientX;
cy=event.clientY;
move(event);
}
function up(){
cx=cy=-1;
document.getElementById('main').style.background='red';
}
function move(event){
if(cx>0 && cy>0){
document.getElementById('main').style.left=document.getElementById('main').offsetLeft+(event.clientX-cx);
document.getElementById('main').style.top=document.getElementById('main').offsetTop+(event.clientY-cy);
cx=event.clientX;
cy=event.clientY;
}
}
</script>
</head>
<body onmousemove="move(event);">
<div id='main' style='width: 100px; height: 100px; background: red; position: absolute;' onmousedown="down(event);" onmouseup="up();"></div>
</body>
</html>
<head>
<script>
var cx=cy=-1;
function down(event){
document.getElementById('main').style.background='blue';
cx=event.clientX;
cy=event.clientY;
move(event);
}
function up(){
cx=cy=-1;
document.getElementById('main').style.background='red';
}
function move(event){
if(cx>0 && cy>0){
document.getElementById('main').style.left=document.getElementById('main').offsetLeft+(event.clientX-cx);
document.getElementById('main').style.top=document.getElementById('main').offsetTop+(event.clientY-cy);
cx=event.clientX;
cy=event.clientY;
}
}
</script>
</head>
<body onmousemove="move(event);">
<div id='main' style='width: 100px; height: 100px; background: red; position: absolute;' onmousedown="down(event);" onmouseup="up();"></div>
</body>
</html>
Már találtam külföldi fórumokon tökéletesen működő megoldásokat, de azok sokkal többet 'tudtak'. Ha megoldható, én ezt a kódot szeretném kiegészíteni minimálisan, hogy megértsem mi a gond ebben az esetben.
Előre is köszi!
Kész megoldás
Az az 'gond', hogy szeretnék
én ezt úgy próbálnám meg,
Siker :)
amint a div tartalma nem volt üres, hanem pl. betettem egy szóközt akkor már ment, ha töröltem ismét nem ment. Ennyit erről! A hajamat befontam mire rajöttem...