focus a DIV 2

[Kendel]

Hi,

How do you set focus on a div? I used document.getElementById("name").focus(); but nothing happen; the DIV didn't get focused.

Thanks.

 

[jaredn]

I am just curious, but why do you want to set focus to a div element?

Anyways, on a whim, I tried the code below; it appeared to work:

<div [b]tabindex="0"[/b] id="benluc">Here you go</div>

<script>
document.getElementById("benluc").focus();
</script>

The key is the addition of tabindex="0" to the DIV element's properties.

Thanks,

jared@eae.net -

http://webfx.eae.net

 

[LFI]

Kendel,

if what you're after is to move a page up or down so that something off-screen gets moved to the top, I would put an anchor next to your DIV tag. For example, put this at the top of the page:

<a href="#" name="TOP_FOCUS"></a><div ...> ... </div>

Then, wherever you want it, you can push the page to here with a

TOP_FOCUS.focus();

I didn't know about jaredn's solution. I knew I was never able to throw focus to a DIV, but I didn't know that I COULD have if I had a tabindex in there. Neat!

--Dave

 

[kaht]

btw Dave,

The href='#' is not needed when making an anchor on your page to jump to. This is sufficient:

<a name=blah></a>

-kaht

 

[Kendel]

ohhhh ...the tapindex="0" key word! Thanks jaredn!

LookingForInfo, I can use your "top_focus" to get back to top when I'm done viewing one section. Thanks.

 

[adam0101]

There's also a scrollIntoView() method that you could use.

Adam
while(ignorance){perpetuate(violence,fear,hatred);life=life-1};