Pour afficher ModalPopup en javascript

Question

J'ai un agent d'extension popup modal comme suit

<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> 

En cliquant sur un bouton, je dois montrer ModalPopup. Quel code je peux écrire en javscript pour appeler modalpopup.Can n'importe qui aide.

Answer 1

Le point de ModalPopupExtender est que vous n'avez pas besoin d'écrire de JS. Il fait toute la plomberie pour vous. Vous pouvez consulter le ASP.Net AJAX Controltoolkit site pour un manuel sur la façon de le configurer: http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ModalPopup/ModalPopup.aspx

Answer 2

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

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

Answer 3

Comme Manu a déjà dit, vous n'avez pas besoin d'écrire de javascript pour déclencher le menu contextuel.

Tout ce que vous devez faire est de déposer un LinkButton sur la page et définissez que le 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> 

Ensuite, lorsque vous cliquez sur le lien, le modal ouvrira.