how to set focus in textbox

yengzhai · November 21st, 2004, 01:12 PM

hi, can any one share me how to have focus set to the textbox.

thanks.

yengzhai

jbenson001 · November 22nd, 2004, 12:31 AM

you have to use the tabindex property to set the tab sequence or use javacript in the HTML to set the focus.

yengzhai · November 22nd, 2004, 01:52 PM

oh... i see... use only tab index...

thanks a lot.

yengzhai

yengzhai · November 22nd, 2004, 02:05 PM

i have tried it, it doesn't work.

i don't know javascript much. now i use c# to manipulate aspnet web control, can javascript manipulate aspnet web control as well? may you just show me a very simple example using javascript to manipulate the web control?

yengzhai

jbenson001 · November 22nd, 2004, 02:34 PM

Here is the page (HTML) I used for the example. There are 2 textboxes on the form. Notice the <BODY> tag.

<HTML>
    <HEAD>
        <title>WebForm1</title>
        <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
        <meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
        <meta name="vs_defaultClientScript" content="JavaScript">
        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    </HEAD>
    <body MS_POSITIONING="GridLayout" onload="javascript:document.Form1.TextBox2.focus() ;">
<form id="Form1" method="post" runat="server">
            <asp:TextBox id="TextBox1" style="Z-INDEX: 101; LEFT: 304px; POSITION: absolute; TOP: 96px" runat="server"></asp:TextBox>
            <asp:TextBox id="TextBox2" style="Z-INDEX: 102; LEFT: 304px; POSITION: absolute; TOP: 232px"
                runat="server"></asp:TextBox>
        </form>
    </body>
</HTML>

That is how you can use javascript to set focus:
onload="javascript:document.<form name>.<control name>.focus();"
remember, this must be in the <BODY> tag of the HTML.

planoie · November 23rd, 2004, 12:09 PM

Here is a function that I have found very useful for setting focus. I have this function in a helper class so I can call it from anywhere:

Public Shared Sub SetFocus(ByVal page As System.Web.UI.Page, ByVal control As System.Web.UI.Control)
    Dim strScript As String = String.Format("document.getElementById('{0}').focu s();", control.ClientID)
    strScript = String.Format("<script language=""JavaScript"">{0}</script>", strScript)
    page.RegisterStartupScript("setFocus", strScript)
End Sub

yengzhai · November 23rd, 2004, 01:22 PM

thanks for the solution given. now i have learnt some new thing. :)

yengzhai