Hi ,
Im my project im using tab control.I wat to access the controls inside the content template using javascript.
How is this done?
Anyone please help.
Thanks n regards
Prathibha
prathibhaa:
Im my project im using tab control.I wat to access the controls inside the content template using javascript.
You need to know the client id of the control you want to access. You can get the client id of the control using the ClientID property.
Then in javascript you do this
document.getElementById(<id of control>) to get reference to the control
i tried it.
I have a textbox "txtEmpCode" placed in the content template of tab control.then i tried to access it as follows
document.getElementById("txtEmpCode")
But im getting null value
I have a textbox "txtEmpCode" placed in the content template of tab control.then i tried to access it as follows
document.getElementById("txtEmpCode")
Because the text box is in the tab control it may get a different client ID. Best way to check is to view the HTML source on the rendered page and look for the exact ID.
Alternatively you can go textbox.ClientID to get the client rendered ID of the text box control.
i tried this code
document.getElementById("<%=txtEmpCode.ClientID%>")
But I am getting an exception
The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).
Description:Anunhandled exception occurred during the execution of the current webrequest. Please review the stack trace for more information about theerror and where it originated in the code.Exception Details:System.Web.HttpException:The Controls collection cannot be modified because the control containscode blocks (i.e. <% ... %>).
Source Error:
An unhandled exception was generated during the execution of thecurrent web request. Information regarding the origin and location ofthe exception can be identified using the exception stack trace below.Stack Trace:
[HttpException (0x80004005): The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).]
System.Web.UI.ControlCollection.Add(Control child) +127
AjaxControlToolkit.ScriptObjectBuilder.RegisterCssReferences(Control control) in d:\E\AjaxTk-AjaxControlToolkit\Release\AjaxControlToolkit\ExtenderBase\ScriptObjectBuilder.cs:293
AjaxControlToolkit.ScriptControlBase.OnLoad(EventArgs e) in d:\E\AjaxTk-AjaxControlToolkit\Release\AjaxControlToolkit\ExtenderBase\ScriptControlBase.cs:260
System.Web.UI.Control.LoadRecursive() +74
System.Web.UI.Control.LoadRecursive() +158
System.Web.UI.Control.LoadRecursive() +158
System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +3036
Please help
Thanks and regards
prathibha
i tried this code
document.getElementById("<%=txtEmpCode.ClientID%>")
But I am getting an exception
Where are you adding that code to?
You can always just inject the javascript doing this
StringBuilder sb =new StringBuilder();sb.Append("function getTextBox()");sb.Append("{");sb.Append("var textbox;");sb.Append("textbox = document.getElementById();");sb.Append("return textbox;");sb.Append("}");ClientScript.RegisterClientScriptBlock(this.GetType(),"mytextboxscript", sb.ToString());//now you have a javascript function that returns the textbox
Hi Prathibha,
document.getElementById("<%=txtEmpCode.ClientID%>")
But I am getting an exception
The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).
Description:An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.
That's because you put the document.getElementById("<%=txtEmpCode.ClientID%>") in the wrong position. For example,
<head id="Head1" runat="server">
<title>Untitled Page</title>
<script type="text/javascript" language="javascript">
function getName(){
var labelValue = "<%=Label1.ClientID %>";
}
</script>
</head>
<body>
You will get the same error. So you should put it at the end of your form(or other proper position). By the way, you can use$get instead of document.getElementById() if you have added a ScriptManager before. They are the same but is much terser.
Best regards,
Jonathan
hi Jonathan,
Thank you.
can u please tell me where i have to give the javascript and how?
i got the javascript correctly when i gave the client id directly.
regards
Prathibha
No comments:
Post a Comment