Garono Posted February 16, 2008 Posted February 16, 2008 Sziasztok! Van nekem egy JavaScriptem, amivel egy képet drag-n-drop módszerrel tudok mozgatni az oldalon belül. HTML: <img src="*.png" class="dragme" /> CSS: .dragme { background-color: grey; border: 2px solid blue; height: 240px; position:relative; width: 320px; } JS: var ie=document.all; var nn6=document.getElementById&&!document.all; var isdrag=false; var x,y; var dobj; function movemouse(e) { if (isdrag) { dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x; dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y; return false; } } function selectmouse(e) { var fobj = nn6 ? e.target : event.srcElement; var topelement = nn6 ? "HTML" : "BODY"; while (fobj.tagName != topelement && fobj.className != "dragme") { fobj = nn6 ? fobj.parentNode : fobj.parentElement; } if (fobj.className=="dragme") { isdrag = true; dobj = fobj; tx = parseInt(dobj.style.left+0,10); ty = parseInt(dobj.style.top+0,10); x = nn6 ? e.clientX : event.clientX; y = nn6 ? e.clientY : event.clientY; document.onmousemove=movemouse; return false; } } document.onmousedown=selectmouse; document.onmouseup=new Function("isdrag=false"); Ez tökéletesen működik, csak nekem nem ez kell. Nem egy képet akarok mozgatni, hanem egy "dobozt" (ergo egy DIV-et), aminek van önálló tartalma. Az a gond, ha az IMG-t átírom DIV-re, nem működik. Hogyan lehetne egy DIV-et ugyanilyen módon mozgathatóvá tenni? Szerk.: Hmm, mégis működik! Tegnap még nem akarta az igazságot...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now