homepage Welcome to WebmasterWorld Guest from 23.23.9.5
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library, Charter, Moderator: open

JavaScript and AJAX Forum

    
Setting focus
without using body onload
madmatt69

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3199541 posted 9:35 pm on Dec 25, 2006 (gmt 0)

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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3199541 posted 9:58 pm on Dec 25, 2006 (gmt 0)

<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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3199541 posted 10:07 pm on Dec 25, 2006 (gmt 0)

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

5+ Year Member



 
Msg#: 3199541 posted 10:47 pm on Dec 25, 2006 (gmt 0)

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved