Setting focus of page to a Div

[bananna]

Hello,
In my site I have a link and you click on it, it runs a javascript function where it gets makes a div visable. This is so people can click the link and get a defintion of a word.
Here is the link:

[HTML]<a href="#" onclick="toggle_visibility('processIslands');">(Wh at are Process Islands?)</a>
[/HTML]

Here is the Div:
[HTML] <div id="processIslands" style="display:none"> Text in the Div </div>
[/HTML]
And here is the function that is called:

    function toggle_visibility(id) {
       var div = document.getElementById(id);
       if(div.style.display == 'block')
          div.style.display = 'none';
       else
          div.style.display = 'block';
 
    }
 

My problem, is that when I use this as it is, it will show the div, but then it jumps to the top of the page. How can I set the focus of the page to that Div so the user doesn't have to scroll down and find where they were?

I am using asp.net C# Visual Studio 2005.

Thanks!

[acoder]

Just add return false to prevent the link being followed to #:
[HTML]<a href="#" onclick="toggle_visibility('processIslands'); return false;">(What are Process Islands?)</a>
[/HTML]

[bananna]

Thanks for that, It helped with that problem, but I sill was wondering how to set the focus to a div when a link is clicked. The scenario is a glossary, and when the user clicks on a word, they are focused on that words definition on the page. How would I go about doing that?

Thanks!

[acoder]

Use <a name="#something"> next to the div to link to it, then use that in the href of the link and remove the "return false" in the onclick:[HTML]<a href="#something" onclick="toggle_visibility('processIslands');">(Wh at are Process Islands?)</a>
[/HTML]Replace "something" with something meaningful.