homepage Welcome to WebmasterWorld Guest from 54.224.75.101
register, login, search, subscribe, help, library, PubCon, announcements, recent posts, open posts,
Pubcon Platinum Sponsor
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library : Charter : Moderators: whoisgregg

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.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
WebmasterWorld ® and PubCon ® are a Registered Trademarks of Pubcon Inc.
© Pubcon Inc. 1996-2012 all rights reserved