drag restriction

[Matej]

Hi im building something like draggable map(using imag for this example) here http://jsfiddle.net/Trolstover/seqpj89L/1/.

But i just cant figure out how to build something like "movement restriction" , so it wont move so much that i will see background of parent element (if you know what i mean)

Any ideas? thanks for answers

[Ingolme]

Your jsfiddle example isn't doing anything so I can't test your code.

 

If you want to prevent it from going further than a particular point, then in the drag event handler have an if() statement that compares the position of the object to the limits you don't want it to pass. You should know how to get the position of the element. The Max and min limits depend on the width and height of the parent element, the minimum limits are probably just zero.

if(xPosition > xMaxLimit) xPosition = xMaxLimit;if(xPosition < xMinLimit) xPosition = xMinLimit;if(yPosition > yMaxLimit) yPosition = yMaxLimit;if(yPosition < yMinLimit) yPosition = yMinLimit;

[Matej]

Oh yea silly me ) , got it thanks