cross browser x,y

tascien · Aug 6, 2006

question I have never been able to solve since the 90s...

I want to find x, y location of a layer or an image, or any other item
on a webpage.

1. It could be relatively or absolutely positioned.
2. It does not matter what browser the user is using.

what's the correct javascript code?

example: find x, y location of the image "someImage"

<html>
<body>
......... some html here....

<img src="someImage.gif" id="someImage" />
......... some html here....
<body>
</html>

any help?

cwdjrxyz · Aug 6, 2006

question I have never been able to solve since the 90s...

I want to find x, y location of a layer or an image, or any other item
on a webpage.

1. It could be relatively or absolutely positioned.
2. It does not matter what browser the user is using.

what's the correct javascript code?

example: find x, y location of the image "someImage"

<html>
<body>
........ some html here....

<img src="someImage.gif" id="someImage" />
........ some html here....
<body>
</html>

I use a program called ScreenCalipers that might be of use to you. You
can download a limited feature version for free at
http://www.iconico.com/caliper/v3upgrade.aspx . Paying for it will add
more features. You can measure the x and y distances between any two
points in px, cm, inches, or other units. A measurement from the left
of the screen to the start of an image will give the x coordinate for
the image, and measurement from the top of the screen to the top of the
image will give the y coordinate. You can also measure the width and
height of the image. I do not know exactly what code is used in the
ScreenCalipers program, but it seems to work well for me.

Matt Kruse · Aug 6, 2006

I want to find x, y location of a layer or an image, or any other item
on a webpage.
1. It could be relatively or absolutely positioned.
2. It does not matter what browser the user is using.

I've written a fairly comprehensive cross-browser, cross-doctype,
layout-agnostic position script:
http://www.javascripttoolbox.com/lib/objectposition/

Hope it meets your needs.

Make 'Image X' spin 360deg on y-Axis until reset button clicked	1	Jan 22, 2023
CSS: How can I stop overflow on the y-axis?	2	Dec 24, 2022
Iam having trouble adding a level editor to my platformer	0	Nov 4, 2025
Image upload not working in browser	4	Sep 8, 2022
x,y of page and not browser window needed	2	May 22, 2009
Flip-Cards with Local Images	1	Mar 27, 2023
Align img inside nav tabs section	5	Dec 29, 2023
Text box simply do not stand out against the wall paper.	3	Feb 7, 2025

cross browser x,y

tascien

cwdjrxyz

Matt Kruse

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads