Solved

How to set focus on submit button of a login help web page?

Posted on 2008-06-11

1 solution

Medium Priority

352 Views

Last Modified: 2008-06-27

hi all,
i have a login help web page, it has a master page.
and in the content holder:
1. there are two tables,
2. one table tblPwd is for "forgot your password",
3. and table tblLoginID is for "forgot your login id"
4. each table contains two text boxes: Login ID and Password
5. so there are two buttons, buttonPwd is for submitting "forgot your password", buttonLoginID is for submitting "forgot your login id"
6. when i click the txtPwd in tblLoginID, the buttonPwd in tblPwd is highlighted automatically. i think it means buttonPwd in tblPwd is set to default submit button by Asp.net.
7. Question is: how to make buttonLoginID in tblLoginID highlighted when i go to(eg. focus on, enter/type words) the textboxes in tblLoginID? and make buttonPwd in tblPwd highlighted when i go to(eg. focus on, enter/type words) the textboxes in tblPwd?

thanks a lot
viola

Comment

Question by:viola123

[X]

Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

Help others & share knowledge
Earn cash & points
Learn & ask questions

Join The Community

8 Comments

LVL 11

Expert Comment

by:Anurag Agarwal

ID: 217659452008-06-11

Through Javascript you can do this. Add a javascript function on the click or getfocus event of textbox. That javascript function will set the foucs on the required button.

Anurag

LVL 6

Author Comment

by:viola123

ID: 217661302008-06-11

hi,
i am not a javascript expert, could you pls give me a sample code?

thanks

LVL 5

Expert Comment

by:Qaiser_Mehmood_Mughal

ID: 217665492008-06-11

LVL 6

Author Comment

by:viola123

ID: 217667882008-06-12

hi,
it does not work for this case.

LVL 3

Expert Comment

by:Masoudgh

ID: 217680752008-06-12

You can't use ".focus()" because when you click on any textboxes, the focus changes and you can't enter any text.
You can use one of the functions (I mean "WebForm_FireDefaultButton") in "WebForms.js" which is an embedded resource inside System.Web.dll.
So add the following codes to Page_Load.
Change the following names and correct them: "TextBox1InTable1", "TextBox2InTable1", "TextBox1InTable2", "TextBox2InTable2", "ButtonNameInTable1" and "ButtonNameInTable2".

Now enjoy it... ;)

        ClientScript.RegisterClientScriptResource(typeof(Page), "WebForms.js");
        TextBox1InTable1.Attributes.Add("onkeypress", "javascript:return WebForm_FireDefaultButton(event, 'ButtonNameInTable1')");
        TextBox2InTable1.Attributes.Add("onkeypress", "javascript:return WebForm_FireDefaultButton(event, 'ButtonNameInTable1')");
        TextBox1InTable2.Attributes.Add("onkeypress", "javascript:return WebForm_FireDefaultButton(event, 'ButtonNameInTable2')");
        TextBox2InTable2.Attributes.Add("onkeypress", "javascript:return WebForm_FireDefaultButton(event, 'ButtonNameInTable2')");

Open in new window

LVL 3

Expert Comment

by:Masoudgh

ID: 217681792008-06-12

I mentioned if you want to highlight the new button (change focus) you will not able to type immediately, so if it is important for you to change the face of active submit button, then change style and work on it.

LVL 6

Author Comment

by:viola123

ID: 217748352008-06-12

hi,
it is not working properly. when i click txtbox in table2, the button1 is still be highlighted.

thanks

LVL 6

Accepted Solution

by:viola123

viola123 earned 0 total points

ID: 217748702008-06-12

hi,
i used the following code to do the processing. but button1 is still be highlighted when i click textboxes in table 2.

txtBox_Pwd1.Attributes.Add("onkeydown", "if(event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {document.getElementById('" + BUTTON1.UniqueID + "').click();return false;}} else {return true}; ");
            txtBox_Email1.Attributes.Add("onkeydown", "if(event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {document.getElementById('" + BUTTON1.UniqueID + "').click();return false;}} else {return true}; ");
            txtBox_Email2.Attributes.Add("onkeydown", "if(event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {document.getElementById('" + BUTTON2.UniqueID + "').click();return false;}} else {return true}; ");
            txtBox_Pwd2.Attributes.Add("onkeydown", "if(event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {document.getElementById('" + BUTTON2.UniqueID + "').click();return false;}} else {return true}; ");

Open in new window

Featured Post

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Log file problem - CircularLogArchiver

Article by: Shaun

This article aims to explain the working of CircularLogArchiver. This tool was designed to solve the buildup of log file in cases where systems do not support circular logging or where circular logging is not enabled

How a “Why Us” Page Makes Your Business Stand Out

Article by: Lexie

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.

Should Your Business Accept Bitcoin?

Video by: Terry

Viewers will get an overview of the benefits and risks of using Bitcoin to accept payments. What Bitcoin is: Legality: Risks: Benefits: Which businesses are best suited?: Other things you should know: How to get started:

Adding a Business to Google Maps

Video by: doug

This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…