How to set focus on page load

creative_eye · March 25th, 2004, 03:14 PM

I want to set focus (cursor) on a text field while page loads in ASP.NET. I have tried but failed to do so. Please tell me how can i do this.

Imar · March 25th, 2004, 04:19 PM

Hi there,

The easiest way to do this,is to use RegisterStartupScript to register a script that will run right before the page is done loading. This script then sets the focus on the required control.

Something like the following (C#) code should work:

Code:

RegisterStartupScript("Startup", "<script type=\"text/javascript\">document.forms[0]." + TextBox1.ClientID 
        + ".focus();</script>");

Here, TextBox1 is the control that needs the focus. Add this code to the Page_Load event of your page, and it should work.

Cheers,

Imar

---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

leion · March 25th, 2004, 10:34 PM

Or if you don't want to use RegisterStartupScript, you still can use this method.

'copy this code in your before you <html> tag.

<script language="JavaScript">
    function cmdFocus()
    {
        document.all('textbox1').focus();
        return false;
    }
</script>

'After that just include this statement into your <body> tag.

onload="cmdFocus()"

'so your page should look like this

<script language="vb" runat="server">
....anything in your application....
</script>

<script language="JavaScript">
    function cmdFocus()
    {
        document.all('textbox1').focus();
        return false;
    }
</script>
<html>
.......
<body onload="cmdFocus()">
<form runat="server">

.....
<asp:textbox id="textbox1" runat="server"/>
.....
</form>
</body>
</html>

-----------------------------
Hope this will help you since it works to me