This is a migrated thread and some comments may be shown as answers.

Set focus on page load from javascript

5 Answers 1240 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

5 Answers, 1 is accepted

answered on 05 Jan 2012, 05:59 PM

RadNumericTextBox-JS-Focus.png

Santosh:

I'm not able to reproduce the error when using FireFox 9.0.1, IE 9.0.4 or Chrome. The following code works without error:

Default.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

function pageLoad(sender, args) {

var txt = $find("<%= txtDay.ClientID %>");

txt.focus();

//alert("test");

}

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

<telerik:RadTextBox runat="server" ID="txtName" >

</telerik:RadTextBox>

<telerik:RadNumericTextBox Runat="server" ID="txtDay" >

</telerik:RadNumericTextBox>

</div>

</form>

</body>

</html>

I added a RadTextBox prior to the RadNumericTextBox to be sure that the second one recieves focus on page load. It does do so.

See the screenshot for the display with Firebug enabled.

Alternatively, you could use a RadCodeBlock to wrap your JavaScript. See the RadCodeBlock and RadScriptBlock document page which does offer this as a solution for this exact error.

Hope this helps!

answered on 09 Jan 2012, 01:37 PM

Hello Santosh,

Please try to use the following code:

<script type="text/javascript">

var obj;

function pageLoad(sender, args) {

obj = $find("<%= txtDay.ClientID %>");

}

function OnWindowShow(sender, args) {

setTimeout(" obj.focus();", 200);

}

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

<telerik:RadWindow runat="server" ID="RadWindow1" VisibleOnPageLoad="true" OnClientShow="OnWindowShow">

<ContentTemplate>

<telerik:RadNumericTextBox runat="server" ID="txtDay">

</telerik:RadNumericTextBox>

</ContentTemplate>

</telerik:RadWindow>

</div>

Hope this helps.

Kind regards,
Plamen Zdravkov
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

Set focus on page load from javascript

5 Answers, 1 is accepted

Hi Shinu,

The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).