none
Modal com textbox e button dentro não executa RRS feed

  • Pergunta

  • Prezados, fiz um modal em que dentro dele tem um textbox para ser escrito uma senha e um botão de login, que vai acionar os eventos, fiz um teste aqui que não funciona com o display do div do modal escondido, se eu deixo o div à mostra, funciona normalmente, para entenderem, testem com o display: none igual vou deixar, e depois mude para display: block



    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="teste1234.aspx.cs" Inherits="_Default" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script src="Scripts/jquery-1.7.1.min.js.js" type="text/javascript"></script>
        <script src="Scripts/jquery-ui-1.9.2.custom.min.js" type="text/javascript"></script>
        <link href="css/jquery-ui.css" rel="stylesheet" type="text/css" />
    
    
        
        <script type="text/javascript">
            $("[id*=btnModalPopup]").live("click", function () {
                $("#modal_dialog").dialog({
                    title: "Diálogo Modal jQuery Popup",
                    buttons: {
                        Fechar: function () {
                            $(this).dialog('close');
                        }
                    },
                    modal: true
                });
                return false;
            });
        </script>
    
    
    
    </head>
    <body>
        <form id="form1" runat="server">
    
        <div>
        <div id="modal_dialog" style="display: none">
    
              <table style="width: 220px">
                    <tr>
                        <td>
                            <asp:Label ID="lblSenha" runat="server" Height="30px" Text="Senha:"></asp:Label>
                        </td>
                        <td  align="right" style="width: 179px"><asp:TextBox ID="cxsenha" runat="server" Width="100px"></asp:TextBox></td>
                    </tr>
    
                    <tr>
                        <td><asp:Button ID="btnCancela" runat="server" Text="Cancela"/></td>
                        <td></td>
                        <td><asp:Button ID="btnLogin" runat="server" Text="Login" OnClick="btnLogin_Click"  OnClientClick="javascript: return confirm ('TEM CERTEZA QUE DESEJA PROSSEGUIR COM A OPERAÇÃO!..');"/></td>
                    </tr>
                </table>
    
        </div>
        </div>
        <asp:Button ID="btnModalPopup" runat="server" Text="Exibir Modal Popup" />
        <asp:TextBox ID="TextBox1" runat="server" Width="532px"  AutoPostBack="True" ></asp:TextBox>
        </form>
    </body>
    </html>
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
        }
        protected void btnLogin_Click(object sender, EventArgs e)
        {
            TextBox1.Text = "TESTANDO";
        }
        protected void BtnSubmit_Click(object sender, EventArgs e)
        {
    
        }
    }


    Como faço para esse evento do button ser acionado dentro do modal?


    Editado: acabo de descobrir a solução testando um outro código, na verdade tinha que jogar o dialog de volta pro form.


    • Editado Angelo.Net quinta-feira, 13 de junho de 2013 17:49
    quinta-feira, 13 de junho de 2013 17:38

Respostas

  • O eventos dos controles dentro de uma div com display none não são acionados caso necessite que isso aconteça faça com que outra função acione o evento ou execute a função que o evento iria executar
    • Marcado como Resposta Angelo.Net quinta-feira, 13 de junho de 2013 20:12
    quinta-feira, 13 de junho de 2013 17:50

Todas as Respostas

  • O eventos dos controles dentro de uma div com display none não são acionados caso necessite que isso aconteça faça com que outra função acione o evento ou execute a função que o evento iria executar
    • Marcado como Resposta Angelo.Net quinta-feira, 13 de junho de 2013 20:12
    quinta-feira, 13 de junho de 2013 17:50
  • Olá, mas como vc fez isso, estou com o mesmo problema, mudei o css para visibility : hidden, msm assim não funcioana.
    quarta-feira, 28 de agosto de 2013 12:17
  • Tenta deixar o display: Block e "color:#333333;font-family:'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;font-size:14px;line-height:20px;">

    controles com display: block não disparam eventos

    quarta-feira, 28 de agosto de 2013 15:30