Moving a Div Tag using Mouse Drag 2

[fixthebug2003]

Hi,
Is it possible to Drag a Div tag using the mouse. Lets say I have a <DIV> tag with a couple of Form Elements...Is it possible to use the mouse, click and Drag the div tag ..like you would do a simple window?

Fixthebug2003

 

[codeone]

heres a good start:

a href="

http://www.dynamicdrive.com/dynamicindex4/image3.htm">Dynamic

Drive owns</a>

__________________________________________________________
"The only difference between me and a mad man is that I'm not mad."
- Dali

 

[Supra]

Here's what I wrote for my sites and it works quite well:

<script>
<!--
var MD;
var MX;
var MY;

document.onmouseup = DragOff;

function DragOn() {
	if (event.button == 1) {
		MD = true;
		MX = event.offsetX;
		MY = event.offsetY;
	}
}

function DragOff() {
	MD = false;
}

function DragMe() {
	if (MD == true) {
		test.style.pixelLeft = (event.clientX - MX) + document.body.scrollLeft;
		test.style.pixelTop = (event.clientY - MY) + document.body.scrollTop;
	}
}
//-->
</script>

<div id="test" style="position:absolute; border:1px solid #000000">
<table>
<tr>
<td align="left" valign="middle" bgColor="#0000FF" style="color:#FFFFFF; cursor:default" onmousedown="DragOn()" onmouseup="DragOff()" onmousemove="DragMe()" onselectstart="return false" onmouseout="DragOff()">
Drag this titlebar
</td>
</tr>
<tr>
<td align="center" valign="middle">
Hi, I'm a draggable box.
</td>
</tr>
</table>
</div>

 

[codeone]

supra --- nice!



__________________________________________________________
"The only difference between me and a mad man is that I'm not mad."
- Dali

 

[glenmac]

Thanks Supra, a star for you.

Glen

http://lantzvillecomputers.ca

 

[codeone]

oops you gave the star to me instead...lol

______________________________________________________________________________
"The sluggard does not plow after the season, so he begs during the harvest and has nothing."
-[Proverbs 20:4]

 

[BillyRayPreachersSon]

Just to let you know that event.offsetX doesn't always work in other browsers other than IE.

Dan

 

[Supra]

Yep, Dan is right. I primarily develop for IE users so my work can't always be trusted

 

[glenmac]

OOPs fixed sorry Supra.

Glen

http://lantzvillecomputers.ca