Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
How can I set any button of the form as default? 1
- Thread starter rejoice
- Start date
-
1
- #2
Hi rejoice,
You can set the focus to the specific button. (see the function with "unload"
. Then when you hit enter, it's like the the button is pressed.
<HTML>
<HEAD>
<TITLE></TITLE>
<script language="javascript">
function thatfocus()
{
document.myform.xxxx.focus();
}
</script>
</HEAD>
<BODY onload="thatfocus()">
<FORM name="myform">
<INPUT type="text" name="field1" class="readonly"><br>
<INPUT type="text" name="field2" class="NOTreadonly"><br>
<INPUT type="text" name="field3"><br>
<input name="xxxx" type="submit">
</FORM>
</BODY>
</HTML>
Hope this helps,
Erik <-- My sport: Boomerang throwing !!
!! Many Happy Returns !! -->
You can set the focus to the specific button. (see the function with "unload"
. Then when you hit enter, it's like the the button is pressed.<HTML>
<HEAD>
<TITLE></TITLE>
<script language="javascript">
function thatfocus()
{
document.myform.xxxx.focus();
}
</script>
</HEAD>
<BODY onload="thatfocus()">
<FORM name="myform">
<INPUT type="text" name="field1" class="readonly"><br>
<INPUT type="text" name="field2" class="NOTreadonly"><br>
<INPUT type="text" name="field3"><br>
<input name="xxxx" type="submit">
</FORM>
</BODY>
</HTML>
Hope this helps,
Erik <-- My sport: Boomerang throwing !!
!! Many Happy Returns !! -->
- Thread starter
- #3
Thanks for your inputs, Boomerang.
I have tried this program. The program set the button focus when user first get this form, but when the user input something in the text field and press ENTER key, the button does not selected automatically.
I know nothing about javascript, but I do hope javascript can do this. may be you can give me some idea.
Thanks.
I have tried this program. The program set the button focus when user first get this form, but when the user input something in the text field and press ENTER key, the button does not selected automatically.
I know nothing about javascript, but I do hope javascript can do this. may be you can give me some idea.
Thanks.
- Thread starter
- #5
SashiRaveendran
Programmer
i though the default action was to submit the form if there was only one form on the page when the enter key is pressed?
EdwardMartinIII
Technical User
Pressing [ENTER] performs the action specified in the form tag -- regardless of which button has focus.
If a button has focus, pressing [SPACE] executes the click of that button.
So, if, when the user presses the [ENTER] key, you want to execute the onclick action of "Next", then this will be your submit button for that form:
Hope that helps.
Cheers,
![[monkey]](/data/assets/smilies/monkey.gif "[monkey] [monkey]")
Edward
"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door
If a button has focus, pressing [SPACE] executes the click of that button.
So, if, when the user presses the [ENTER] key, you want to execute the onclick action of "Next", then this will be your submit button for that form:
Code:
<input type="submit" value="Next"></input>Hope that helps.
Cheers,
Edward "Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door
What Edward said, and:
Have your (default) button as a submit button, and your 'back' button as a normal button.
If that's what you are trying to achieve. If you're still stuck you'll have to post what you are using at the moment.
Posting code? Wrap it with code tags: [ignore]
[ignore][/code][/ignore].
Have your (default) button as a submit button, and your 'back' button as a normal button.
Code:
<input type="button" value="Back" onclick="this.form.submit();"></input>
<input type="submit" value="Next"></input>If that's what you are trying to achieve. If you're still stuck you'll have to post what you are using at the moment.
Posting code? Wrap it with code tags: [ignore]
Code:
[/ignore][code]CodeHeredtqbterror
Programmer
I was researching this myself and came up with this option for handling this problem. By capturing the keydown event you can then simulate the actual pressing of the submit button. I used this way of doing the submit in order to prevent the necessity of changing code on subsequent pages.
<script LANGUAGE='JAVASCRIPT'>
<!--
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
function keyDown(e)
{
var nKey
if (ns4) {nKey=e.which;}
if (ie4) {nKey=event.keyCode;}
if (nKey=='13') // enter key
{
document.forms[0].cmdSubmit.focus();
document.forms[0].submit
}
}
document.onkeydown = keyDown
if (ns4) document.captureEvents(Event.KEYDOWN)
//-->
</script>
<script LANGUAGE='JAVASCRIPT'>
<!--
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
function keyDown(e)
{
var nKey
if (ns4) {nKey=e.which;}
if (ie4) {nKey=event.keyCode;}
if (nKey=='13') // enter key
{
document.forms[0].cmdSubmit.focus();
document.forms[0].submit
}
}
document.onkeydown = keyDown
if (ns4) document.captureEvents(Event.KEYDOWN)
//-->
</script>
- Status
Similar threads
- Question
- Locked
- Question
- Locked
- Question