How to click and size and image? 1

[hyrogen]

Hi there,
Im not to adept and JS, but Im trying to make it so you can click within an area and drag a box to a certain size and when you release the mouse a box is formed. Id would also then be nice to say click in the center of the image and move it around a defined area. Im not really sure how to tackle this one,

Any help greatfully welcome,
Thanks!
J

 

[BillyRayPreachersSon]

This may help you. It's an entry I wrote for a 20-line JavaScript competition in January:

http://www.soterm.com/dan/20liners/ruler/ruler.html

Once the page has loaded (it just looks like a blank page), if you click and drag, you will see a box showing top and left coordinates, and width and height. It was designed to be an easy way to help layout web pages.

It would be a simple matter to get the finished box to convert to an image, div, or any other element of the correct size - in the onmouseup function, create the element you want, and style it with the properties stored in the mouseDragger object.

From what I remember, it works fine in IE, NN, FF, Opera, and Safari.

Hope this helps,
Dan


[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]

 

[hyrogen]

Thats great!, many thanks