My code to get Y position of anchor - always null?

[axlq]

I wrote the function below to get the vertical scroll position of an
anchor. That is, a URL of the form
http://www.example.com/mypage.html#anchorname
should scroll to the point on the page that has an anchor
<a name="anchornam e">...</a>).

Doing this in Javascript is necessary in the presence of a dynamic
HTML page having some hidden blocks. DHTML messes up the scroll
position in Opera and Mozilla (but not IE) so I'm trying to fix
it with javascript. Can anyone tell me why this function always
returns zero? What am I doing wrong?

=============== =============== =======
function getAnchorYPos(s ) { /* s = string name of anchor */
/* get anchor object o */
var o=null;
if (document.getEl ementsByName && document.getEle mentsByName(s))
o = document.getEle mentsByName(s);
else if (document.all && document.all[s])
o = document.all[s];
else if (document.ancho rs && document.anchor s.length
&& document.anchor s[0].y) {
for (var i=0; i<document.anch ors.length; i++)
if (document.ancho rs[i].name==s) o = document.anchor s[i];
}
if (o==null) return null;

/* get anchor object Y position */
var ypos = 0;
var offset_parent = null;
offset_parent = o.offsetParent;
var el = o;
while (el.parentNode != null) {
el = el.parentNode;
if (el == offset_parent) {
ypos += o.offsetTop;
if (el.clientTop && el.nodeName != "TABLE") ypos += el.clientTop;
o = el;
if (o.offsetParent ==null && o.offsetTop) ypos += o.offsetTop;
offset_parent = o.offsetParent;
}
}
return ypos;
}

var anchorname = document.locati on.hash.substr( 1);
ypos = getAnchorYPos(a nchorname); // ALWAYS ZERO ?!
=============== =============== =======

What I've observed:

1. The var anchorname has the correct value from the document URL.
2. The object o gets set by getElementsByNa me(s), however ALL of
the properties of o seem to be undefined after that.
3. document.all is never null, but document.all[s] has no properties.
4. document.anchor s is never null, but document.anchor s[0] and
document.anchor s[s] have no properties.
2. Should I use getElementByID? document.getEle mentByID is never null,
but document.getEle mentByID(s) is.

What am I missing?

-Alex

[RobG]

axlq wrote:

I wrote the function below to get the vertical scroll position of an
anchor. That is, a URL of the form
http://www.example.com/mypage.html#anchorname
should scroll to the point on the page that has an anchor
<a name="anchornam e">...</a>).

Doing this in Javascript is necessary in the presence of a dynamic
HTML page having some hidden blocks. DHTML messes up the scroll
position in Opera and Mozilla (but not IE) so I'm trying to fix
it with javascript. Can anyone tell me why this function always
returns zero? What am I doing wrong?

=============== =============== =======
function getAnchorYPos(s ) { /* s = string name of anchor */
/* get anchor object o */
var o=null;
if (document.getEl ementsByName && document.getEle mentsByName(s))
o = document.getEle mentsByName(s);

getElementsByNa me returns a collection, not a single element. Try:

if ( document.getEle mentsByName
&& document.getEle mentsByName(s). length)
o = document.getEle mentsByName(s)[0];

which will set the value of 'o' as a reference to the first element in
the collection (hopefully that's the one you want).

Or give it an ID and use getElementById, which returns a reference to a
single element.

[...]

I haven't tested the rest of your code...
--
Rob

[axlq]

In article <11************ **********@u72g 2000cwu.googleg roups.com>,
RobG <rg***@iinet.ne t.au> wrote:

getElementsByN ame returns a collection, not a single element. Try:

if ( document.getEle mentsByName
&& document.getEle mentsByName(s). length)
o = document.getEle mentsByName(s)[0];

which will set the value of 'o' as a reference to the first element in
the collection (hopefully that's the one you want).
Hmm... it returns null. And I know the argument (s) is the name of an
element of the form <a name="FL" ...>, and s="FL";
Or give it an ID and use getElementById, which returns a reference to a
single element.

Strange... that comes out null too, for <a name="FL" id="FL" ...>.
Funny thing is, *other* code using getElementById on the exact same
page (to hide a bunch of other elements in the un-expanded list)
work just fime.

-A

[axlq]

In article <e6**********@b lue.rahul.net>, axlq <ax**@spamcop.n et> wrote:

In article <11************ **********@u72g 2000cwu.googleg roups.com>,
RobG <rg***@iinet.ne t.au> wrote:

getElementsBy Name returns a collection, not a single element. Try:

if ( document.getEle mentsByName
&& document.getEle mentsByName(s). length)
o = document.getEle mentsByName(s)[0];

which will set the value of 'o' as a reference to the first element in
the collection (hopefully that's the one you want).

Hmm... it returns null. And I know the argument (s) is the name of an
element of the form <a name="FL" ...>, and s="FL";

Or give it an ID and use getElementById, which returns a reference to a
single element.

Ignore my last message. That worked. I was testing for the wrong
ID. Oddly, getElementsByNa me(s)[0] always returns null, when
testing with an element name that I know exists. Anyway, I have it
working now.

Thanks!!

-A