Welcome to WebmasterWorld Guest from 54.145.235.72

Forum Moderators: open

Setting focus

without using body onload

   
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?

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..

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..

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.
 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month