Ir ao conteúdo

Fazer pop-up com dados do formulario


Michel Araujo

Posts recomendados

Postado

Ola galera!!

Estou com uma duvida, tenho um formulário que funciona normalmente, mais gostaria de quando o usuário clica no enviar abri um pop-up com os dados que ele inserio nos campos do formularia (para confirmação) e com o botão de confirmação do mesmo, após o usuário confirma (fecha esse pop-up) e abra outro pop-up com a mensagem (Enviado com sucesso), se possível gostaria de incluir também uma opção para imprimir os dados do formulário.

E ai aguem pode me ajuda????:confused:

  • Moderador
Postado

bom.. parte dela é simples de resolver.

você pode fazer assim:

substitua o campo input type="submit" por um button.

crie uma funçao em javascript que abra um pop-up com a funçao windows.open() que abre uma pagina dentro desse pop-up. na pagina você resgata com php ou a linguagem que você esta usando.. os dados digitados do formulario... e ali dentro coloca o botao se submit.

é uma possivel solução...

outra solução seria algo parecido mas diferente...

você faz seu formulario.. e no action você cria uma funçao javascript no onsubmit... você envia os dados para uma outra pagina que recebe na pagina do pop up... e nessa pagina do pop up.. você cria outro formulario que envia de vez para o banco de dados..

sobre a mensagem de enviado... você pode colocar um alert em javascript pra mostrar isso...

sobre imprimir... ate tem uma funçao em javascript que imprime... mas nao sei se ele imprime apenas o que foi digitado... é possivel que a funçao imprima toda sua tela... nao tenho certeza.

abraço

  • 2 semanas depois...
Postado

OK, Ja criei o window.open e funciona em todos os navegadores menos no IE..

Vou coloca parte do código aqui...

<script language="JavaScript">

function abrir(URL) {

var width = 350;

var height = 350;

var left = 99;

var top = 99;

window.open(URL,'janela', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=yes, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');

}

</script>

BOTAO..

<a href="javascript:abrir('http://codigofonte.net/');">

<input type="button" name="Enviar" value="Reservas" class="btn" />

</a>

Aguem pode ajuda???

  • Moderador
Postado

olá amigo, tente assim:


<script type="text/javascript">
function abrir() {
var width = 350;
var height = 350;
var left = 99;
var top = 99;
window.open('http://codigofonte.net/','janela', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=yes, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');
}
</script>

BOTAO..
<a href="javascript:abrir();">
<input type="button" name="Enviar" value="Reservas" class="btn" />
</a>

Postado

OK, ja consegui fazer o pop funcionar em todos navegadores, o problema agora e como fazer o PHP pra resgatar os dados digitados no formulário aparecer no POP??

Mais já agradeço pela ajuda!!

Postado

Tente redirecionar os dados para a página que você abriu o pop-up, crie com o InnerHTML campos hidden com os dados, e depois mande dar um refresh na página, tudo isso via javascript.

Poste se você conseguir resolver

Abraços

Postado

Olha, vou lhe dar o caminho...

No formulário, você vai fazer um botão que chamará uma função, algo como "mandaDados()" por exemplo.

Neste manda dados, que será uma função do javascript você fará o seguinte.

window.top.document.getElementbyId("nome do formulario").InnerHTML="<input type="hidden"...";

window.top.form(nomedoformulario).submit;

window.close;

Algo mais ou menos assim...

Isso quer dizer que as linhas de código não estão prontas, tem que analisar o caso para ver quais mudanças serão feitas. No entanto nessas linhas tem-se o suficiente para você dar uma pesquisada.

Qualquer coisa, posta ai.

Abraços

Arquivado

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

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Mostrar mais  

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

Mostrar mais  
×
×
  • Criar novo...

LANÇAMENTO!

eletronica2025-popup.jpg


CLIQUE AQUI E BAIXE AGORA MESMO!