Welcome to WebmasterWorld Guest from 54.160.163.163

Forum Moderators: open

Message Too Old, No Replies

Setting focus

without using body onload

     

madmatt69

9:35 pm on Dec 25, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hey all,

I'm trying to set focus on a form field but I'm using a cms where I can't edit the body tag or edit the head section.

Well, I can, but it's only on one page I want to use the code (the login page) and so I don't need the script on every page.

So here's the thing.

I've tried posting:
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!-- self.focus();document.login.username.focus() //--> </SCRIPT>

before and after the form (login) and it doesn't work.

Any tips on how to set the focus without changing the body tag or adding the JS to the head?

Span

9:58 pm on Dec 25, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



<form> ... </form>

<script type="text/javascript">
document.getElementById('loginform').getElementsByTagName('input').item(0).focus();
</script>

Looks for an element with an id of "loginform"
Looks for <input> tags
Looks for the specified item. The first input tag is 0, the second is 1, etc
And then sets the focus..

madmatt69

10:07 pm on Dec 25, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Cool!

But here's a problem - It seems to work initially when that form is loaded - But as the rest of the page loads, it looses focus.

Suggestions? Maybe I'll try placing the JS somewhere else..

mattcg

10:47 pm on Dec 25, 2006 (gmt 0)

5+ Year Member



Try putting the javascript at the end of the HTML, right before/after the body tag.