Drag & resize??

**shachi** · 07-15-2006, 03:04 PM

Can anyone guide me how to convert this drag script:

Code:

...
<script type="text/javascript">
var ie = document.all;
var ns = document.getElementById && !ie;

var isdrag = false;
var x,y;
var dobj;

function mousemove(e){
if(isdrag){
dobj.style.left = ns ? tx + e.clientX - x : tx + event.clientX - x;
dobj.style.top = ns ? ty + e.clientY - y : tx + event.clientY - y;
return false;
}
}

functions startDrag(e){
var fobj = ns ? e.target : event.srcElement;
var topelement = ns ? "HTML" : "BODY";

if(fobj.tagName != topelement && fobj.className != "drag"){
fobj = ns ? fobj.parentNode : fobj.parentElement;
}

if(fobj.className == "drag"){
isdrag = true;
dobj = fobj;
tx = parseInt(dobj.style.left + 0);
ty = parseInt(dobj.style.top + 0);
x = ns ? e.clientX : event.clientX;
y = ns ? e.clientY : event.clientY;
document.onmousemove = mousemove;
return false;
}
}
document.onmousedown = startDrag;
document.onmouseup = function(){isdrag=false;}
</script>
<body>
<div style="height:100px;width:100px;background-color:red;position:relative;" class="drag"></div>
...

Into a drag-resize script?? Any help would be greatly appereciated.

And yes, can anyone also tell me how to detect if the element which is to be dragged is in a certain position in the screen?? Something which might help in making a drag-drop shopping cart??

Thank you again.

**jr_yeo** · 07-15-2006, 03:22 PM

something like this

http://demo.script.aculo.us/shop

and

http://www.walterzorn.com/dragdrop/d...eset/frame.htm

**shachi** · 07-15-2006, 05:38 PM

Thanks, but I already have them. I need a way how to make it with my kind of code. Not just download a library and use it. I need to know it myself(What if I need to make it in some other computer and there is a condition where there is no internet?? I cannot rely on the libraries). But thanks anyways.

**jr_yeo** · 07-16-2006, 05:55 AM

I need a way how to make it with my kind of code. Not just download a library and use it. I need to know it myself

i so know what ur saying, man

**shachi** · 07-16-2006, 03:02 PM

Originally Posted by jr_yeo

i so know what ur saying, man

Thanks for understanding. I was at last able to memorize that whole drag script(and understand it as well).

But anyways thanks for your help.

**jr_yeo** · 07-16-2006, 05:17 PM

thanks for your help.

ur welcome

**shachi** · 07-17-2006, 12:04 PM

Anyone who has the solution of my problem??

**shachi** · 07-17-2006, 08:09 PM

Anyone who knows a fix for this??

**shachi** · 07-18-2006, 02:52 PM

Oh Please!!! Anyone help me.

**tech_support** · 07-20-2006, 03:11 AM

Originally Posted by shachi

Can anyone guide me how to convert this drag script:

Code:

...
<script type="text/javascript">
var ie = document.all;
var ns = document.getElementById && !ie;

var isdrag = false;
var x,y;
var dobj;

function mousemove(e){
if(isdrag){
dobj.style.left = ns ? tx + e.clientX - x : tx + event.clientX - x;
dobj.style.top = ns ? ty + e.clientY - y : tx + event.clientY - y;
return false;
}
}

functions startDrag(e){
var fobj = ns ? e.target : event.srcElement;
var topelement = ns ? "HTML" : "BODY";

if(fobj.tagName != topelement && fobj.className != "drag"){
fobj = ns ? fobj.parentNode : fobj.parentElement;
}

if(fobj.className == "drag"){
isdrag = true;
dobj = fobj;
tx = parseInt(dobj.style.left + 0);
ty = parseInt(dobj.style.top + 0);
x = ns ? e.clientX : event.clientX;
y = ns ? e.clientY : event.clientY;
document.onmousemove = mousemove;
return false;
}
}
document.onmousedown = startDrag;
document.onmouseup = function(){isdrag=false;}
</script>
<body>
<div style="height:100px;width:100px;background-color:red;position:relative;" class="drag"></div>
...

Into a drag-resize script?? Any help would be greatly appereciated.

And yes, can anyone also tell me how to detect if the element which is to be dragged is in a certain position in the screen?? Something which might help in making a drag-drop shopping cart??

Thank you again.

There's something wrong with the script....

"Expected ; on line 23"

Thread: Drag & resize??

Thread Tools

Search Thread

Drag & resize??

Bookmarks

Bookmarks

Posting Permissions