How get coordinates from every corner of "area"

[ManWithNoName]

Hi.

I would like to draw rectangle / square into web page and I would like to get
coordinates of every corner. (I'm intrested to get information where this rectangle locates on page). Is this possible ?

I know that I can get X/Y-coordinate when I click mouse, but this wont suit for me, because I would like to get coordinates-of area (example every corner coordinates)

example:

-----------------------------------------------------
|  web-page                                          |
|                                                    |
|   (x.y)  |-----------------------| (x.y)           |
|          |                       |                 |
|          |     area              |                 |
|   (x.y)  |_______________________| (x.y)           |
|                                                    |
|-----------------------------------------------------

How / what technique I have to use that I can make this happend ?
Maybe drawing rectange is not the best solution ?

[Kor]

Separate your aim.

1. You want to draw a rectangle? Do you know how to do that?
2. You want to get the coordinated of that rectangle?

[Mr J]

I assume when you say draw you mean use a div

Maybe something on these lines

areaEL=document.getElementById("area")

topLeftX=areaEL.offsetLeft
topLeftY=areaEL.offsetTop

topRightX=areaEL.offsetLeft+areaEL.offsetWidth
topRightY=areaEL.offsetTop

bottomLeftX=areaEL.offsetLeft
bottomLeftY=areaEL.offsetTop+areaEL.offsetHeight

bottomRightX=areaEL.offsetLeft+areaEL.offsetWidth
bottomRightY=areaEL.offsetTop+areaEL.offsetHeight