Hi,
I'm new to asp.net 4 and AJAX controls. I was attempting to have a ModalPopupExtender displayed inside another ModalPopupExtender on a content page from a master page but I keep getting a javascript error.
When the code is run the error occurs on the Open Parent button onclick "OnClientClick="$find('mdlPopup').show(); return false;"" it looks like this on the code break OnClientClick="$find('mdlPopup').show(); return false;" JavaScript runtime error: Unable to get property 'show' of undefined or null reference.
If I remove it from the Master Page the codes works fine. Please help!
Master Page Code
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="PDMS.Master.cs" Inherits="PDMS.Site1" %><%@ Register Assembly="EeekSoft.Web.PopupWin" Namespace="EeekSoft.Web" TagPrefix="cc1" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><title></title><asp:ContentPlaceHolder ID="head" runat="server"></asp:ContentPlaceHolder><link rel="stylesheet" type="text/css" href="~/style.css" /><link rel="stylesheet" type="text/css" href="~/App_Themes/Menustyle/menustyle.css" /></head><body><form id="mainfrom" runat="server"><div class="page"><div class="header"><div id="top_menu"></div></div><div id="side_menu" class="left"><asp:ContentPlaceHolder ID="Side_Menu_Holder" runat="server"></asp:ContentPlaceHolder></div><div id="main_content" class="center"><asp:ScriptManager ID="PDMSSM" runat="server" EnablePageMethods="true" AjaxFrameworkMode="Enabled"></asp:ScriptManager><div><asp:ContentPlaceHolder ID="Main_Page_CPH" runat="server"></asp:ContentPlaceHolder></div></div><div id="pagemenu" class="pagemenu"><div><asp:ContentPlaceHolder ID="PageMenu" runat="server"></asp:ContentPlaceHolder></div></div><div id="page_bottom" class="footer"></div><div id="tree" class="tree"><asp:Label ID="position" runat="server"></asp:Label></div><div class="logo"><img src="../images/Green-DNA-small.png" /></div></div><cc1:PopupWin ID="PopMessage" runat="server" Visible="false" DockMode="BottomRight" HideAfter="2000" ShowAfter="500" ActionType="MessageWindow"/></form></body></html>
Content Page Code
<%@ Page Title="" Language="C#" MasterPageFile="~/PDMS.Master" AutoEventWireup="true" CodeBehind="WebForm38.aspx.cs" Inherits="PDMS.WebForm38" %><%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ccl" %><asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"></asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="Side_Menu_Holder" runat="server"></asp:Content><asp:Content ID="Content3" ContentPlaceHolderID="Main_Page_CPH" runat="server"><%--Master Button--%><asp:Button ID="btnOpen" Width="200px" runat="server" Text="Open Parent" CssClass="button"
CausesValidation="False" OnClientClick="$find('mdlPopup').show(); return false;" /> ** Does not resole when on content page.<%--Hidden Button--%><asp:Button ID="btnShowPopup" runat="server" Style="display: none" /><%--Modalpopup extender For Parent--%><ccl:ModalPopupExtender ID="mdlPopup" runat="server" TargetControlID="btnShowPopup"
PopupControlID="pnlParent" CancelControlID="btnClose" BackgroundCssClass="modalBackground"></ccl:ModalPopupExtender><%--Parent Panel--%><asp:Panel ID="pnlParent" Style="display: none; position: absolute; width: 500px;
border: solid 1px black; height: 400px; background-color: White; margin-left: 50px"
runat="server" CssClass="modalpopup"><asp:UpdatePanel ID="updateParent" runat="Server"><ContentTemplate><table><tr><td>
Plasmid Number</td><td><asp:TextBox ID="TxtNewPlasmid" runat="server"></asp:TextBox><ccl:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server"
TargetControlID="TxtNewPlasmid" ServiceMethod="GetCompletionList"
MinimumPrefixLength="1" CompletionInterval="1000"
EnableCaching="true" CompletionSetCount="30"></ccl:AutoCompleteExtender></td></tr><tr><td>
Entry Date</td><td><asp:Label ID="LblNewDate" runat="server" Text="Label"></asp:Label></td></tr><tr><td>
Construct</td><td><asp:DropDownList ID="DDLNewDBDesignation" runat="server"></asp:DropDownList><asp:TextBox ID="TxtDB" runat="server"></asp:TextBox></td></tr></table>
<asp:Button ID="btnParent" runat="server" Text="Ok" CssClass="button" Width="200px"
CausesValidation="False" OnClientClick="$find('mdlChild').show(); return false;" />
<%--Close Button For Parent Modal Popup--%>
<asp:Button ID="btnClose" runat="server" Text="Close" OnClientClick="$find('mdlPopup').hide(); return false;" />
<%--Target Control Button For Child Modal--%>
<asp:Button ID="btnChildTarget" runat="server" Style="display: none" />
<ccl:ModalPopupExtender ID="mdlChild" runat="server" TargetControlID="btnChildTarget"
PopupControlID="pnlChild" CancelControlID="btnCloseChild" BackgroundCssClass="modalBackground">
</ccl:ModalPopupExtender>
<asp:Panel runat="server" ID="pnlChild" Style="display: none; width: 30%; border: solid 1px black;
height: 20%; background-color: White; margin-left: 10px">
<asp:CheckBox ID="CheckBox1" runat="server" />
<asp:CheckBox ID="CheckBox2" runat="server" />
<asp:CheckBoxList ID="CheckBoxList1" runat="server"></asp:CheckBoxList>
<table>
<tr>
<td>
First Name
</td>
<td>
<asp:TextBox ID="txt" runat="Server"></asp:TextBox>
</td>
</tr>
</table>
<asp:Button ID="btnCloseChild" runat="server" Text="Cancel" OnClientClick="$find('mdlChild').hide(); return false;" />
<asp:Button ID="btnChild" runat="server" OnClick="btnChild_Click" Text="Ok" /></asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Panel>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="PageMenu" runat="server">
</asp:Content>