Setting the Focus to a textbox on button click

[LauraCairns]

Does any one know how I set focus in a textbox after the onclick of a button using code in the code-behind page. Im using c#. There are 4 textboxes on the page like so: -

txtSurname = tabindex(1)
txtForname = tabindex(2)
txtHouseNo = tabindex(3)
txtPostcode = tabindex(4)

I need the focus to be set on txtHouseNo when the button on the page is clicked.

I have the following page load event incase code needs to be added in here for this to work. Can anyone please help me.

private void Page_Load(object sender, System.EventArgs e)
{
ArrayList addresses;

// when the page is first loaded only
if( !IsPostBack )
{
addresses = new ArrayList(5);
ViewState["Addresses"] = addresses;
}
// on subsequent PostBacks:
else
{
addresses = (ArrayList) ViewState["Addresses"];
if( addresses != null )
{
DataGrid1.DataSource = addresses;
DataGrid1.DataBind();
}
}
}

 

[DaZZleD]

use...

Response.Write('<script language="JavaScript">document.getElementById('txtHouseNo').focus();</script>');

or

Response.Write('<script language="JavaScript">document.forms[0].txtHouseNo.focus();</script>');

--------------------------
"two wrongs don't make a right, but three lefts do" - the unknown sage

 

[LauraCairns]

When I try and use either of these lines of code I seem to be getting a build error: -
'Too many characters in character literal'
Do you know how to solve these. Is there some sort of syntax error.

Do I add this code to the onclick event of a button??

 

[DaZZleD]

oopps... replace ' with " (sorry)

--------------------------
"two wrongs don't make a right, but three lefts do" - the unknown sage

 

[DaZZleD]

Response.Write("<script language='JavaScript'>document.forms[0].txtHouseNo.focus();</script>");

or

Response.Write("<script language='JavaScript'>document.getElementById('txtHouseNo').focus();</script>");

--------------------------
"two wrongs don't make a right, but three lefts do" - the unknown sage

 

[LauraCairns]

Tride that and got the following interent explorer script error: -
'document.forms.0.txtHouseNo' is null or not a object

Have you any ideas what is wrong.
Im running the page in VS by right-clicking and view in browser. I have to run the page this way as we are having trouble building and running the solution at present.

 

[DaZZleD]

use the other one:

Response.Write("<script language='JavaScript'>document.getElementById('txtHouseNo').focus();</script>");

--------------------------
"two wrongs don't make a right, but three lefts do" - the unknown sage

 

[LauraCairns]

Tried that and now got the following interent explorer script error: -
'document.getElementById(...)' is null or not a object

I had the txtHouseNo wrong before it is txtHouseNum. Changed it but still give me an error. Do I need to add in the form name or anything??
It is called the following.
<form id="Template" method="post" runat="server">

Response.Write("<script language=JavaScript>document.getElementById('txtHouseNum').focus();</script>");

 

[DaZZleD]

hmmm... i know what's going on...
this statement should be written on page after the textbox. but it's not.

use this instead:

LiteralControl li = new LiteralControl("<script language=JavaScript>document.getElementById('txtHouseNum').focus();</script>");
Page.Controls.Add(li);

--------------------------
"two wrongs don't make a right, but three lefts do" - the unknown sage

 

[LauraCairns]

Thanks thats brilliant!! It worked a treat!! Would never have worked that out myself.

 

[DaZZleD]

if you want to do this on the click of the button, do this

Button1.Attributes.Add("onclick", "document.getElementById('txtHouseNum').focus();");

--------------------------
"two wrongs don't make a right, but three lefts do" - the unknown sage

 

[DaZZleD]

this would save a roundtrip to the server since it's all done on client side

--------------------------
"two wrongs don't make a right, but three lefts do" - the unknown sage

 

[LauraCairns]

yeah that seems like a really good idea. Do I put this at the top of my html code inside Javascript and then change the name of Button1 to the appropriate button??

 

[DaZZleD]

does this button have to do anything else beside giving focus to the textbox?

--------------------------
"two wrongs don't make a right, but three lefts do" - the unknown sage

 

[LauraCairns]

yeah it has to do quite a bit more

 

[LauraCairns]

yeah it has to do quite a bit more. If it has to go to the code behind page any way is there much point doing the focus thing client-side

 

[DaZZleD]

exactly... there's no point in doing it client side plus it will have no effect.

--------------------------
"two wrongs don't make a right, but three lefts do" - the unknown sage

 

[LauraCairns]

cheers