Es decir como en mi caso :
Cuando ingreso a la pagina "Producto"
Muestro un Dialog diciendole si desea abonar un monto a su cuenta con dos botones, aceptar y cancelar. si es Aceptar se deberia abrir otro dialog donde ingresara los datos requeridos.
Hasta el momento he podido hacer esto, pero cuando le doy en el boton aceptar sigue abriendose el mismo dialog sin llamar al otro dialog.
Código:
En el html//Primer dialog a mostrar $(function mostrarmensaje() { var dialogDefine = $("#mensaje").dialog({ autoOpen: true, modal: true, resizable: false, height: 160, show: { effect: "blind", duration: 100 }, hide: { effect: 'explode', duration: 1000 }, buttons: { Ok: function () { $("[id=btnCuenta]").click(); }, } }).parent().appendTo("form"); }); //Segundo dialog a mostrar $(function DespositoCuenta() { var dialogDefine = $("#cuenta").dialog({ autoOpen: false, modal: true, resizable: false, height: 160, show: { effect: "blind", duration: 100 }, hide: { effect: 'explode', duration: 1000 }, buttons: { Ok: function () { $("[id=btnDeposito]").click(); }, Close: function () { $(this).dialog('close'); } } }).parent().appendTo("form"); $("#btnCuenta").click(function () { $("#cuenta").dialog("open"); return; }) });
Código:
<script type="text/javascript"> mostrarmensaje(); </script> <div id="mensaje" style="display:none"> <div class="login"> <h1>MENSAJE</h1> <p> <asp:Label ID="Label1" runat="server">DESEA DESPOSITAR MONTO A SU CUENTA</asp:Label> </p> <p class="submit"> <asp:Button ID="btnCuenta" runat="server" Text="Aceptar" OnClick="btnCuenta_Click"/> </p> </div> </div> <div id="cuenta" title="CUENTA" style="display:none"> <div class="login"> <h1>DEPOSITO</h1> <p> <asp:Label ID="lblMonto" runat="server">MONTO</asp:Label> <asp:TextBox ID="txtMonto" runat="server" ></asp:TextBox> </p> <p class="submit"> <asp:Button ID="btnDeposito" runat="server" Text="DEPOSITAR" OnClick="btnDepositar_Click" /> </p> </div> </div>