homepage Welcome to WebmasterWorld Guest from 50.16.130.188
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Visit PubCon.com
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




msg:3199543
 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




msg:3199551
 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




msg:3199555
 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




msg:3199564
 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