I am trying to assign updateprogess css values with javscript but the clientID for the control is fetching wrong clientid.. the code of the asp.net is \[code\]<div style="display: Block; clear: left;" runat="server" id="DivLike"> <asp:UpdatePanel ID="UpdatePanelLike" runat="server" UpdateMode="Conditional"> <ContentTemplate> <div style="position: relative;"> <div style="position: absolute; top: 0px; left: 0px;"> <asp:LinkButton ID="LinkButtonLike" runat="server" CommandName="<%#Eval("Like_Command") %>" Font-Size="XX-Small" OnCommand="LinkButton2_Command" Text="<%#Eval("Like_Command")%>"> </asp:LinkButton> </div> <div class="popupstyle" style="position:absolute; top:0px; left:0px; display:none;" id="DivChapters" runat="server"> <asp:UpdatePanel ID="UpdatePanelLinkActivity" runat="server" UpdateMode="Conditional"> <ContentTemplate> <div> Select Chapter: <asp
ropDownList ID="DropDownListChapters" runat="server" AutoPostBack="true"> </aspropDownList> </div> <div> Select Topic: <aspropDownList ID="DropDownListTopics" runat="server"> </aspropDownList> </div> <div> <asp:LinkButton ID="LinkButtonAddLink" runat="server" OnCommand="LinkButtonAddLink_Command" Text="Add" CssClass="UtilityClass"> </asp:LinkButton> </div> <asp:UpdateProgress ID="UpdateProgressLinkActivity" runat="server" AssociatedUpdatePanelID="UpdatePanelLinkActivity" DynamicLayout="True"> <ProgressTemplate> <div style=" position:absolute; top:50%; left:50%; background-color:white;" id="divLoading"> <img src="http://stackoverflow.com/questions/12652827/Images/loading25.gif" alt="Loading..." style="" /> </div> </ProgressTemplate> </asp:UpdateProgress> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="LinkButtonAddLink" EventName="Command" /> </Triggers> </asp:UpdatePanel> </div> </div> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="LinkButtonLike" EventName="Command" /> </Triggers> </asp:UpdatePanel></div>\[/code\]the JavaScript code is this:\[code\]var updateProgress = document.getElementById('<%=UpdateProgressLinkActivity.ClientID%>');updateProgress.style.position = 'absolute';updateProgress.style.width = '250px';updateProgress.style.height = '100px';updateProgress.style.top = '0px';updateProgress.style.left = '0px';\[/code\]I have nested two updatepanels. Can this be the issue?
ropDownList ID="DropDownListChapters" runat="server" AutoPostBack="true"> </aspropDownList> </div> <div> Select Topic: <aspropDownList ID="DropDownListTopics" runat="server"> </aspropDownList> </div> <div> <asp:LinkButton ID="LinkButtonAddLink" runat="server" OnCommand="LinkButtonAddLink_Command" Text="Add" CssClass="UtilityClass"> </asp:LinkButton> </div> <asp:UpdateProgress ID="UpdateProgressLinkActivity" runat="server" AssociatedUpdatePanelID="UpdatePanelLinkActivity" DynamicLayout="True"> <ProgressTemplate> <div style=" position:absolute; top:50%; left:50%; background-color:white;" id="divLoading"> <img src="http://stackoverflow.com/questions/12652827/Images/loading25.gif" alt="Loading..." style="" /> </div> </ProgressTemplate> </asp:UpdateProgress> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="LinkButtonAddLink" EventName="Command" /> </Triggers> </asp:UpdatePanel> </div> </div> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="LinkButtonLike" EventName="Command" /> </Triggers> </asp:UpdatePanel></div>\[/code\]the JavaScript code is this:\[code\]var updateProgress = document.getElementById('<%=UpdateProgressLinkActivity.ClientID%>');updateProgress.style.position = 'absolute';updateProgress.style.width = '250px';updateProgress.style.height = '100px';updateProgress.style.top = '0px';updateProgress.style.left = '0px';\[/code\]I have nested two updatepanels. Can this be the issue?