[Javascript] Getting element coordinates.

Chris Tifer christ at saeweb.com
Tue Nov 18 13:02:12 CST 2003


I'm pretty sure you're not going to have any luck dragging an object from
one window to another window unless some of the restrictions have been
relaxed.  If I remember correctly right now, you can't even get a DIV to
overlay multiple frames. I might be wrong though as this was quite a long
time ago (in DHTML-terms) that this was the case.

Chris Tifer
http://emailajoke.com

----- Original Message ----- 
From: "David Lovering" <dlovering at gazos.com>
To: "[JavaScript List]" <javascript at LaTech.edu>
Sent: Tuesday, November 18, 2003 1:38 PM
Subject: Re: [Javascript] Getting element coordinates.


> Cool!
>
> Has anyone generalized this method to work with physical screen
coordinates
> (absolute), rather than relative to the topmost parent window?  I can
> envision situations where multiple windows might be open, and someone
might
> want to drag and drop objects between them.  [Particularly common when one
> is working off of more than one tool palette].
>
> -- Dave Lovering
>
> ----- Original Message ----- 
> From: "Chris Tifer" <christ at saeweb.com>
> To: "[JavaScript List]" <javascript at LaTech.edu>
> Sent: Tuesday, November 18, 2003 11:12 AM
> Subject: Re: [Javascript] Getting element coordinates.
>
>
> > Try this out remembering get a handle on the correct item you want. Mine
> is
> > set to for "editImage". This was ripped from a larger set of functions
so
> > it's entirely possible that something is missing for you to test with,
but
> > stepping through the code line-by-line I'm sure you'll be able to
> understand
> > what's going on. Watch for wrapping:
> >
> > ================================
> > var isIE = (navigator.appName.toLowerCase() == "microsoft internet
> > explorer")
> > var isNN = (navigator.appName.toLowerCase() == "netscape")
> >
> > var objItem = document.getElementById("editImage")
> > var objParent = null
> > var intX = 0
> > var intY = 0
> > do
> >  { // Walk up our document tree until we find the body
> >   // and add the distance from the parent to our counter.
> >   intX += objItem.offsetLeft
> >   intY += objItem.offsetTop
> >   objParent = objItem.offsetParent.tagName
> >   objItem = objItem.offsetParent
> >  }
> > while(objParent != 'BODY')
> >
> >
> > var myScrollX
> > var myScrollY
> > (isIE) ? myScrollX = document.body.scrollLeft: myScrollX =
> > window.pageXOffset;
> > (isIE) ? myScrollY = document.body.scrollTop: myScrollY =
> > window.pageYOffset;
> >
> > var intCRLeft = objCropRegion.offsetLeft - myScrollX
> > var intCRTop = objCropRegion.offsetTop - myScrollY
> > var intImgLeft = intX - myScrollX
> > var intImgTop = intY - myScrollY
> >
> > alert(intImgLeft + " - " + intImgTop)
> >
> > ================================
> >
> > Chris Tifer
> > http://emailajoke.com
> >
> >
> >
> >
> > ----- Original Message ----- 
> > From: "Hakan M." <hakan at backbase.com>
> > To: "[JavaScript List]" <javascript at LaTech.edu>
> > Sent: Tuesday, November 18, 2003 12:13 PM
> > Subject: [Javascript] Getting element coordinates.
> >
> >
> > > Hello list.
> > >
> > > Problem: I need to determine the _exact_ coordinates of an element on
my
> > > page, relative to the documents top/leftmost corner. It has to work in
> > > IE5.0+ and Mozilla, both on Windows platform. It has to work on _all_
> > > elements - static, relative, absolute, float, you name it.
> > >
> > > Research suggests:
> > > Check the discussed browser flaws on ppks page.
> > > <http://www.quirksmode.org/js/findpos.html>
> > >
> > > Solution: None? I'm pondering on a function that iterates up, adding
> > > borders (if IE5->IE6) and checking for relative positioning and stop
if
> > > I find any (if IE5.5) else continue until you run into...
> > >
> > > But it doesn't feel right. Any suggestions, or is it really this bad?
> > > (Someone please kill all employees at Microsoft?)
> > >
> > > Hakan
> > >
> > > _______________________________________________
> > > Javascript mailing list
> > > Javascript at LaTech.edu
> > > https://lists.LaTech.edu/mailman/listinfo/javascript
> >
> > _______________________________________________
> > Javascript mailing list
> > Javascript at LaTech.edu
> > https://lists.LaTech.edu/mailman/listinfo/javascript
> >
> >
>
>
> _______________________________________________
> Javascript mailing list
> Javascript at LaTech.edu
> https://lists.LaTech.edu/mailman/listinfo/javascript




More information about the Javascript mailing list