"If at first you don't succeed; call it version 1.0" :-Unknown

Pages

Saturday, February 5, 2011

Access a control on the Content Page from a MasterPage using JavaScript

Hi,
If you have a control on the Content Page which has to be accessed in the MasterPage using
JavaScript.

On the Content Page, create a TextBox as shown below :

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1"
Runat="Server">
<asp:Panel ID="panelContent" GroupingText="ContentPage Controls"
runat="server">
<asp:TextBox ID="txtContent" runat="server"></asp:TextBox>
</asp:Panel>
</asp:Content>
Now access and populate the TextBox ‘txtContent’ from the MasterPage
<head runat="server">
<title></title>
<script type="text/javascript">
function accessControlContentPage() {
var txtCont = document.getElementById('<%= Page.Master.FindControl
("ContentPlaceHolder1").FindControl("txtContent").ClientID %>');
txtCont.value = "I got populated using Master Page";
}
</script>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</head>

Hope this post helped u

Have a nice day... 'N happy Coding :)

No comments: