Setting focus to form field on div popup
I've got this hidden div that pops up using jQuery when the login menu item is clicked.
- <div class="entry-wrapper" id="reg-login" style="display:none;">
- <div class="t"></div>
- <div id="loginFormHolder" class="c">
- <div class="close">
- <a href="index.php" class="spotlight-close"> </a>
- </div> <!-- close -->
- <div class="login">
- <div> <!-- blank -->
- <div class="loginwrapper">
- <form name="loginform" action ="#" class="new_user_session" id="session_form" method="post">
- <div id='Message'><br /></div>
- <div class="row">
- <label for="user_session_username">Username</label>
- <label for="user_session_password">Password</label>
- </div> <!-- row -->
- <div class="row">
- <input class="text" id="user_session_username" name="username" size="30" type="text" />
- <input class="text" id="user_session_password" name="password" size="30" type="password" />
- </div> <!-- row -->
- <div class="row">
- <div class="pin">
- <div class="abs remember">
- <input name="user_session[remember_me]" type="hidden" value="0" />
- <input class="checkbox" id="user_session_remember_me" name="user_session[remember_me]"
- type="checkbox" value="1" />Remember me
- </div> <!-- abs remember -->
- <div class="abs forget">
- <a href="#" class="forgotpassword">forgot password</a>
- </div> <!-- abs forget -->
- <input alt="Login" id="login_btn" src="images/btn-2-login.png" type="image"
- onclick="checklogin(document.loginform.username.value,document.loginform.password.value,'Message');" />
- </div> <!-- pin -->
- </div> <!-- row -->
- </form>
- </div> <!-- loginwrapper -->
- </div> <!-- blank -->
- </div> <!-- login -->
- </div> <!-- loginFormHolder -->
- </div> <!-- reg-login -->
It is popped up using this code:
- $('.login-link').click(function() {
- $('#reg-login').show();
- $('#reg-register').hide();
- user = document.getElementById('user_session_username');
- user.focus();
- return true;
- });
What I'm trying to do is setting the input focus on the user_session_username
text input and the code is not working. The div pops up but the focus is never
put into the user_session_username edit field.
Am I doing something wrong here?