Hi, I am very new to js and am using a simple login script I found at www.laughland.biz. I needed this script to do 2 things it did't:

setfocus on the username field

allow the usesr to hit return after entering their pw and be logged in.

I got the first one, but can't for the life of me get the second.
Here's the code block I'm assuming this function would be in:

function BuildPanel() {
document.write('<form name="logon"><table align="center" border="0"><tr><td align="center">');
document.write('Username:</td>');
document.write('<td><input type="text" name="username" size="20"></td></tr>');
document.write('<tr><td align="right">Password:</td>');
document.write('<td><input type="password" name="password" size="20"></td></tr>');
if(imgSubmit == ""){
 document.write('<tr><td align="center" colspan="2"><p><input type="button" name="Logon" value="Logon" onClick="login(username.value,password.value)" onKeyPress="login(username.value,password.value)"> ');
} else {
 document.write('<tr><td align="center" colspan="2"><p><input type="image" src="'+imgSubmit+'" name="Logon" onclick="login(username.value,password.value)">');
}
if(imgReset == ""){
 document.write('<input type="reset" value="Reset" name="Reset">');
} else {
 document.write('<input type="image" src="'+imgReset+'" name="Reset" onclick="logon.reset();">');
}
document.write('</p></td></tr></table></form>');
}

function setfocus() {
    document.logon.username.focus();
}

K. Dawn Merrill

Hi Dawn,

Try doing this in your javascript:

if(imgSubmit == ""){
 document.write('<tr><td align="center" colspan="2"><p><input type="submit" name="Logon" value="Logon" onClick="login(username.value,password.value)" onKeyPress="login(username.value,password.value)"> ');
}

Note the type of the input. A submit button will automatically get fired when you
hit the enter button.

________
Adarsh

HI Adarsh, and thanks for the information. I tried this & while it DOES allow the user to simply hit enter, it just returns to the same page & resets it to blank fields instead of going on to the next page. What am I doing wrong here? The only value I changed was the input type="submit"

Thanks, Dawn

K. Dawn Merrill

Dawn,

Now that it's a submit button, when the user presses enter the browser goes to the "action" URL defined in your <form> element. To prevent this from happening (and to just run the login() javascript), change the following code

onClick="login(username.value,password.value)"

to this:

onClick="login(username.value,password.value); return false"

This should abort the default submit action and let login() set the window location to the URL you're expecting.

Let me know how it works!

Jon Emerson
Computer Scientist
Adobe Systems, Inc.
http://www.jonemerson.net/

Jon, that's perfect! Thanks so much. Now I have one more question: I lose my setfocus if the user hits reset. Any ideas?

Thanks again, Dawn

K. Dawn Merrill

What form element do you want focused after reset is clicked?

Jon Emerson
Adobe Systems, Inc.
http://www.jonemerson.net/

I would like it to go back to "username" after reset is clicked. Thanks for your help!

Dawn

K. Dawn Merrill

Hi Dawn,

I would do something like this:

You might want to move the onclick() code into its own function -- but this shows the basic idea.

Jon Emerson
Adobe Systems, Inc.
http://www.jonemerson.net/

Thanks Jon, I'll give that a try. Today is Friday for me, but I'll probably try it from home over my "weekend". I'll let you know how it works!

Thanks Again, Dawn

K. Dawn Merrill

Hi
I'm using the exact same login script, but I am new to this and I can't get make the setfocus work.

Besides the
function setfocus() {
    document.logon.username.focus();
}

do I need to add anything to the html, etc.?