Hey folks, I have been fiddling with getting this popup modal dialog to appear. It works fine if I use a linkbutton click; what I am trying to do is show the modal box when I select Add Application. What I am seeing is the command $find apparently does not have .show() as an available option. Here is my code (only including the part I'm trying to fix):
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server"><title>New Request</title><script type="text/javascript">
function ddlAppNameOnChange(ddl) {
if (ddl.value == "Add") {$find("mdlpopup2").show();
return false;
}
}</script>
...
<div><asp:LinkButton ID="btnAddNewApp" runat="server" Text=""></asp:LinkButton><ajax:ModalPopupExtender ID="mdlpopup2" BackgroundCssClass="modalbackground" runat="server" TargetControlID="btnAddNewApp" PopupControlID="pnlModalAddApp" CancelControlID="lnkCloseAddApp" Y="250"></ajax:ModalPopupExtender><asp:Panel ID="pnlModalAddApp" runat="server" BorderColor="ActiveBorder" CssClass="modalpopup" BorderStyle="Solid" BorderWidth="1px" Width="650px" BackColor="White"><asp:DetailsView ID="dvAddNewApp" runat="server" AutoGenerateRows="False" DefaultMode="Insert" Width="650px" BackColor="White"><Fields><asp:TemplateField HeaderText="Application Name" SortExpression="AppName"><InsertItemTemplate><asp:TextBox ID="txtAddNewApp" runat="server" Text='<%# Bind("AppName") %>' Width="560px" /></InsertItemTemplate><HeaderStyle Wrap="False" /></asp:TemplateField><asp:TemplateField HeaderText="Application Notes"><InsertItemTemplate><asp:TextBox ID="txtAddAppNotes" runat="server" Rows="5" TextMode="MultiLine" Width="100%" Text='<%# Bind("AppNotes") %>' /></InsertItemTemplate><HeaderStyle Wrap="False" /></asp:TemplateField><asp:TemplateField><InsertItemTemplate><asp:LinkButton ID="lnkInsertApp" runat="server" CausesValidation="false" CommandArgument="-1" OnCommand="addApp_Command"><img src="Images/insert.jpg" width="25px" height="25px" border="0" alt="Insert" /></asp:LinkButton> </InsertItemTemplate></asp:TemplateField></Fields><InsertRowStyle HorizontalAlign="Left" VerticalAlign="Top" Wrap="False" /></asp:DetailsView><asp:LinkButton ID="lnkCloseAddApp" runat="server" OnClick="lnkCloseAddApp_Click">Close</asp:LinkButton></asp:Panel></div>
...
<tr><td class="auto-style6" style="vertical-align: top; text-wrap: none;">*App Name:</td><td class="auto-style4" style="vertical-align: top;"><asp:DropDownList ID="ddlAppName" runat="server" OnChange="return ddlAppNameOnChange(this)" AutoPostBack="True" DataSourceID="dsAppListing" DataTextField="AppName" DataValueField="AppID" AppendDataBoundItems="True" OnSelectedIndexChanged="ddlAppName_SelectedIndexChanging"><asp:ListItem Selected="True">-- SELECT --</asp:ListItem><asp:ListItem Text="Add Application" Value="Add"></asp:ListItem></asp:DropDownList><asp:SqlDataSource ID="dsAppListing" runat="server" ConnectionString="<%$ ConnectionStrings:ConnStr %>" SelectCommand="SELECT [AppID], [AppName] FROM [Applications]"></asp:SqlDataSource></td></tr>I'm using a modified version of this example: