selection rectangle

[thom]

Hello everybody,

Here is a little javascript that gives me the mouse's
x and y coordinates.

Now, i'd like to be able to make selection(s) rectangle(s)
on a given image with it.
And then, save the selection's specs.

For what i've seen by now: the major problem is the DOM compliant,
and browsers compatibility.

Could you please help/point me out doing it?

thanks in advance,
Thom.

//-------------------------
//The Code:
//-------------------------
<script type="text/javascript" language="javas cript">
<!--
function twPositionRelat ive(evt) {
var nOffsetX;
var nOffsetY;
evt = (evt) ? evt : ((window.event) ? window.event : "");
if (evt) {
if (document.all) {
nOffsetX = evt.offsetX;
nOffsetY = evt.offsetY;
}
else if (document.getEl ementById) {
nOffsetX = evt.pageX - document.getEle mentById("monIm age").offsetLef t;
nOffsetY = evt.pageY - document.getEle mentById("monIm age").offsetTop ;
}
document.getEle mentById("hTrac e").innerHTM L = "X : "+nOffsetX+ " ; Y :
"+nOffsetY;
}
}

function twInit() {
var oImage = document.getEle mentById("monIm age")
if (oImage) {
oImage.style.cu rsor = "crosshair"
oImage.onmousem ove = twPositionRelat ive
}
}
-->
</script>

[Evertjan.]

thom wrote on 08 mei 2006 in comp.lang.javas cript:

i hope u'll read this post today:
your code is running like a charm if on a single page,
but once you put it into a div, which you selected the style position,
the selection rectangle are not on the picture anymore, say i click one
point, the showing point is 100px left etc.. (doesn't match anymore).
I know it is css, but wow, can't find a solution!
Did you? or someone else?

To whom are you talking?
Wahat are you talking about?

Please always quote on usenet.

If you want to post a followup via groups.google.c om, don't use the
"Reply" link at the bottom of the article. Click on "show options" at the
top of the article, then click on the "Reply" at the bottom of the article
headers.

<URL: http://www.safalra.com/special/googlegroupsreply/ >

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[thom]

Evertjan. a écrit :

thom wrote on 08 mei 2006 in comp.lang.javas cript:

i hope u'll read this post today:
your code is running like a charm if on a single page,
but once you put it into a div, which you selected the style position,
the selection rectangle are not on the picture anymore, say i click one
point, the showing point is 100px left etc.. (doesn't match anymore).
I know it is css, but wow, can't find a solution!
Did you? or someone else?

To whom are you talking?
Wahat are you talking about?

Please always quote on usenet.

If you want to post a followup via groups.google.c om, don't use the
"Reply" link at the bottom of the article. Click on "show options" at the
top of the article, then click on the "Reply" at the bottom of the article
headers.

<URL: http://www.safalra.com/special/googlegroupsreply/ >

sorry, i thought you were still seeing former posts..
i am talking about this:

http://stephane.moriaux.perso.wanado...uisse/thom.htm

problem comes when i put this everything into a div give it a place
on a webpage: the selection rectangle isn't synchronized, it doesn't
fit with the selection anymore.
it has to do with the "create selection" and the "lasso" functions...
and the x, y values.

thom.