Pour montrer Modalpopup en JavaScript

J'ai un modal popup extender 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 j'ai à vous montrer modalpopup.
Ce code je peux écrire en JavaScript pour appeler modalpopup.Quelqu'un peut-il aider.

OriginalL'auteur user42348 | 2009-08-14

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

  if (modalDialog != null) {
    modalDialog.show();
  }
    J'ai essayé ce.Mais modalDialog est geeting null.Ce qui est peut-être la raison pour que
    Veuillez voir le modifier.
    encore sa ne fonctionne pas
    Définir la ModalPopupExtender BehaviorID de la propriété et de l'utiliser dans votre $find. Le ClientID de la mpe pourrait ne pas être ce que vous attendez.

    OriginalL'auteur rahul

  2. 1

    Le point de la ModalPopupExtender est que vous n'avez pas à écrire de la JS. Il n'toute la plomberie pour vous. Vous pouvez consulter le ASP.Net AJAX Controltoolkit Site web pour un manuel sur comment le configurer: http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ModalPopup/ModalPopup.aspx

    OriginalL'auteur Manu

  3. 0

    Comme Manu l'a déjà dit, vous n'avez pas besoin d'écrire du javascript pour déclencher la popup.

    Tout ce que vous devez faire est de déposer un LinkButton sur la page et le définir comme 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, la modale s'ouvre.

    OriginalL'auteur Kirschstein