<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">
<title></title>
</head>
<body bgcolor="#ffffff" text="#000000">
<font face="Verdana">I got it working :)<br>
<br>
It ended up being pretty complex but actually works quite well!<br>
<br>
Thanks for your reply though Oliver, it was very appreciated!<br>
<br>
Scott.<br>
</font><br>
On 17/6/09 20:54, Oliver Burnett-Hall wrote:
<blockquote
cite="mid:bdcfdf00906171254m560973a0w2a7801b56c3b660c@mail.gmail.com"
type="cite">
<pre wrap="">On 17/06/2009, Scott Wilcox <a class="moz-txt-link-rfc2396E" href="mailto:sc0tt@x0f.org"><sc0tt@x0f.org></a> wrote:
</pre>
<blockquote type="cite">
<pre wrap="">Now, when pulling the points of the note box, I have the x,y relative to
the image itself. I'm trying to grab the position of the parent element
then adding that to the x,y to give me the final position.
The problem is that when I'm trying to get the position of the parent
element, I'm getting different results in browsers and the locations are
off by about 50px;
</pre>
</blockquote>
<pre wrap=""><!---->
It's a long time since I've done much browser-based Javascript (I was
hoping that you'd have a language query!), so I'm not sure how much
I'll be able to help with this.
How are you attempting to do this? And what browsers does this need
to work on? There are quite a lot of rendering issues that you could
be running into. And things get much, much harder if IE5 is a target
browser.
The way I'd approach this problem (which is probably not the right
way) is to forget Javascript for a while, and work on getting a CSS
style that can correctly position a <div/> element relative to the
image on all target browsers. Write a static HTML page and tweak
until it works. When you've got this, all you'll have to do is use
Javascript to fetch the coordinates and information to be displayed,
then created the div and style it, offsetting it as required.
- olly
_______________________________________________
Durham mailing list - <a class="moz-txt-link-abbreviated" href="mailto:Durham@mailman.lug.org.uk">Durham@mailman.lug.org.uk</a>
<a class="moz-txt-link-freetext" href="https://mailman.lug.org.uk/mailman/listinfo/durham">https://mailman.lug.org.uk/mailman/listinfo/durham</a>
<a class="moz-txt-link-freetext" href="http://www.nelug.org.uk/">http://www.nelug.org.uk/</a>
</pre>
</blockquote>
</body>
</html>