dinohills Postado Julho 12, 2012 Denunciar Share Postado Julho 12, 2012 (editado) Boa tarde, tenho um form de cadastro que estou submetendo ele em um popup. Ate aí esta indo tudo bem. Estou usando window.open e ele abre a popup e funciona certo.Gostaria de saber se tem como junta o window.open com jquery ou algo do tipo pra deixar este popup mais estilizado.Ou outra maneira de submeter o form em uma janela modal.Montei um exemplo aqui pra vocês entenderem melhor.index.php<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <script type="text/javascript"> function enviaForm(nome_form){ var formulario = document.getElementsByName(nome_form); window.open('','Popup','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no,modal=yes,left=300,top=150, width=650, height=380'); formulario[0].submit(); formulario[0].reset(); } </script> </head> <body> <form action="cadastro.php" method="post" name="formEnvio" target="Popup"> Nome: <input type="text" name="nome"/><br/> Sobrenome: <input type="text" name="sobrenome"/><br/> Telefone: <input type="text" name="tel"/><br/> <input type="button" value="Cadastrar" onclick="enviaForm('formEnvio');"/> </form> </body> </html> cadastro.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> </head> <body> <?php echo $_POST['nome']."<br/>"; echo $_POST['sobrenome']."<br/>"; echo $_POST['tel']."<br/>"; ?> </body> </html>Eu procurei algumas coisas, mas não consegui fazer meu form ser submetido na janela modal. Caso alguém tenha uma ideia ou já fez algo parecido, favor postar aqui.T+ Editado Julho 17, 2012 por dinohills Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 dinohills Postado Julho 17, 2012 Autor Denunciar Share Postado Julho 17, 2012 (editado) Achei a minha solução neste forum jquery submit form and then show results in an existing divT+ Editado Julho 17, 2012 por dinohills Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
dinohills
Boa tarde, tenho um form de cadastro que estou submetendo ele em um popup.
Ate aí esta indo tudo bem. Estou usando window.open e ele abre a popup e funciona certo.
Gostaria de saber se tem como junta o window.open com jquery ou algo do tipo pra deixar este popup mais estilizado.
Ou outra maneira de submeter o form em uma janela modal.
Montei um exemplo aqui pra vocês entenderem melhor.
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <script type="text/javascript"> function enviaForm(nome_form){ var formulario = document.getElementsByName(nome_form); window.open('','Popup','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no,modal=yes,left=300,top=150, width=650, height=380'); formulario[0].submit(); formulario[0].reset(); } </script> </head> <body> <form action="cadastro.php" method="post" name="formEnvio" target="Popup"> Nome: <input type="text" name="nome"/><br/> Sobrenome: <input type="text" name="sobrenome"/><br/> Telefone: <input type="text" name="tel"/><br/> <input type="button" value="Cadastrar" onclick="enviaForm('formEnvio');"/> </form> </body> </html>cadastro.phpEu procurei algumas coisas, mas não consegui fazer meu form ser submetido na janela modal.
Caso alguém tenha uma ideia ou já fez algo parecido, favor postar aqui.
T+
Editado por dinohillsLink para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.