Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

dinohills

[Resolvido] Window.open modal

Por , em Javascript

Recommended Posts

dinohills    0

dinohills
Postado

Bom dia, 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+

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado

Você pode criar uma div flutuantes com os dados que quer mostrar e deixar ela com display none, chama a função javascript quando precisar e mostra a div ocula com o display block, assim pode estilizar bem mais, deixar como queira!

Compartilhar este post

Link para o post
Compartilhar em outros sites

dinohills    0

dinohills
Postado

Mas me dia uma coisa Ted k', como que eu vou fazer o form ser submetido na div ?

Essa div ficaria no meu index.php ou lá no cadastro.php ?

Acho que não entendi direito sua ideia.

 

Teria como montar um exemplo básico pra eu ter um ponto de partida? É que to sem referência nenhuma por onde começa.

 

Vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito