Zobraziť Modalpopup v jazyku JavaScript - asp.net, javascript, popup, modal-dialog, modalpopupextender

Mám modal popup extender takto

<div id="target" runat="server"></div>
<cc1:ModalPopupExtender ID="ModalPopupExtender1" BehaviorID ="Modal"
runat="server" TargetControlID="target"
BackgroundCssClass="modalBackground"
PopupControlID="Panel1"></cc1:ModalPopupExtender>

<asp:Panel ID="Panel1" runat="server">
<asp:Login ID="Login1" Width="360px" Height="135px" BackColor="lightSteelBlue"
LoginButtonStyle-BorderStyle="groove" TextBoxStyle-CssClass="textbox"
LoginButtonStyle-CssClass="loginbutton" runat="server" >
<TextBoxStyle CssClass="textbox" />
<LoginButtonStyle BorderStyle="Groove" CssClass="loginbutton" />
</asp:Login>
</asp:Panel>

Po kliknutí na jedno tlačidlo musím ukázať modalpopup. Aký kód môžem napísať v JavaScriptu volať modalpopup.Can niekto pomôcť.

odpovede:

var modalDialog = $find("ModalPopupExtender1");
// get reference to modal popup using the AJAX api $find() function

if (modalDialog != null) {
modalDialog.show();
}

Bod ModalPopupExtender je, že vynemusíte písať žiadne JS. To všetko pre vás. Na webovej stránke ASP.Net AJAX Controltoolkit môžete vyhľadať príručku, ako ju nakonfigurovať: http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ModalPopup/ModalPopup.aspx

Ako už Manu povedal, nemusíte písať žiadny javascript na spustenie popup.

Všetko, čo musíte urobiť, je odhodiť LinkButton na stránku a nastaviť ako TargetControlID

<cc1:ModalPopupExtender ID="ModalPopupExtender1" BehaviorID ="Modal"
runat="server" TargetControlID="lbOpenModal"
BackgroundCssClass="modalBackground"
PopupControlID="Panel1"></cc1:ModalPopupExtender>


<asp:LinkButton id="lbOpenModal" runat="server" Text="Click me"></asp:LinkButton>

Potom, keď kliknete na odkaz, modálne sa otvorí.