Hi again,

How would you make a script that displayed an object's X and Y coordinates in a text box?

Say I made a draggable DIV. Each time I let go of it, how would I make a text box or two display where it is on the page? More specifically, the X and Y positions?

What I'm doing is making a website editor. I want it to be a drag n' drop interface, where you drag a DIV around, changing it's size and position, and a text box showing where it is on the page. Like my generators, the generator uses those coordinates to determine the margins for the CSS file is makes.

Something like this, except it outputs 4 values, the Top Right Bottom Left values.

So instead of outputting:

margin: 0px 240px;

it would output:

margin: 0px 120px 0px 120px;

Is there a way to do this? If so, I need it!

Thanks,

Physicsguy

You might want to take a look at xray, which is a bookmarklet that does some of what you want to do. It does give the margin and padding for each side so it's in the code somewhere. Add thexray.js to the end of the url in the link above and you can see the javascript code they're using.

Hmmm... That doesn't seem to work the way I want it to...

I mean something all visitors can use, without having to use a laggy button.

I don't mean anything you click, but if you have to click it that's okay. Just a text box displaying the margins automatically, on-page.

Here's where it actually will come into play: http://www.execulink.com/~kayes/phys...ropeditor.html

You should probably work with an absolute position and therefore you need to use Top and Left properties.

What does that mean? How do I do that?

BTW somebody told me that I could use the browser window size minus a few pixels (the border on the browser) minus the width of the shape to get the margins. So:

Browser Window Width - 6px - [width of box] = Margins.

Is this correct?

Nobody?

With the script I linked to I just meant you might be able to find what you wanted in their code. That script is reading the margins of elements and displaying them so it has to be in there.

Maybe I haven't explained quite what I want.

I need the script to read the width of a certain object, do some math functions, and display it when you click 'Generate' or that sort of thing. XRAY isn't quite what I'm looking for, though it is helpful.