pan website with mouse?

[micah11]

hey everyone,

I am wondering how hard it would be to write some script that paned my website horizontally either with a scroll bar at the bottom or by clicking the empty space and dragging?

if anyone knows of some tuts and could show me I would greatly!!!!! appreciate it.

thanks, micah

[XenElement]

Is this the kind of thing you were looking for? I think you could apply a simple drag and drop to the background. You would have to put limits on how far you could drag though.

EX:

// Register mouse event functions
blue_btn.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
blue_btn.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
 
red_btn.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
red_btn.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
 
// Define a mouse down handler (user is dragging)
function mouseDownHandler(evt:MouseEvent):void {
	var object = evt.target;
	// we should limit dragging to the size of the page.
	object.startDrag();
}
 
function mouseUpHandler(evt:MouseEvent):void {
	var obj = evt.target;
		obj.stopDrag();
}

Maybe to limit the dragging:

//add this to the "function mouseDownHandler()", 
if (background.x < leftXLimit && background.x < rightXLimit && background.y < topYLimit && background.y < bottomXLimit) {
}

or something like that. try it out, hope this helps!

[micah11]

hey xen thank you, I will try that and see what it comes up with

[XenElement]

Oh By the way, here's the URL of that tutorial. I forgot you asked for the "tut".

http://edutechwiki.unige.ch/en/Flash..._drop_tutorial