Why does this expanding list always jumps to top of page?

langba · Joined: 21 Apr 2008 Posts: 6

Once the list expands longer than what is displayed in the browser window, the list jumps to the top. Grrr!

www.freewebs.com/softwarelocations

I am no JavaScript wizard by any means. I got the code from Inside Dynamic HTML by Scott Isaacs, page 318, Expanding and Collapsing Outlines.

I would guess that the var pos = 0; has everything to do with it but my limited JS experience has not allowed any of my modifications to work without the dreaded A Runtime Error has occured.

Many, many thanks in advance for assistance with this!

langba · Joined: 21 Apr 2008 Posts: 6

I decided to get my own domain.

The new site is www.softwarelocations.com

A colleague tells me the behavior of jumping to the top of a page is because of this tag: <a href="#">. The example of an expanding/collapsing list had this identical tag. When I take out the # character and use only <a href="">, the expanding stops working completely.

What does <a href="#"> do with the # character and what are my alternatives?

Thanks

langba · Joined: 21 Apr 2008 Posts: 6

Got it...

Change <a href="#"> to just <a>. In the css, add a{cursor:hand;} otherwise you won't see a visual cue that you are hovering over a link, even though the link will still work without the hand.

sticks464 · Joined: 31 Dec 2006 Posts: 1179