Seven Library

Conteúdo atual do site:
[807] ítens, entre artigos, funções e documentos.
Pesquisa Rápida:

Pesquisa Avançada
Últimos 3 acessos:
Alexandre Neves 03/03/2015 11:08:01 167 acesso(s) alexandre neves 03/03/2015 11:06:42 1 acesso(s) Marcelo Torres 21/01/2015 15:24:53 61 acesso(s)

Opções:
Listagem completa Listagem simples

Ranking Colaboradores:

Adenilton Rodrigues - [304] Alexandre Neves - [61] Douglas Freire - [54] Marcelo Giovanni - [53] Marcelo Torres - [43] Angelita Bernardes - [31] Addy Magalhães Cunha - [28] Manuel Fraguas - [24] Ludmila Valadares - [20] Marcelo Capelo - [18]

:: Programação / Javascript

Obter conteúdo de janela popup

Veja como é simples obter o valor de um campo que encontra-se numa janela popup.

Quando fazemos um ou sistema para web (usando PHP, ASP ou qualquer outra linguagem) as vezes esbarramos no problema de ter que obter um valor de um determinado campo que encontra-se numa janela popup. Vamos a exemplos para que o problema fique mais claro. Imaginemos um cadastro de pedidos. Na janela onde o pedido é cadastrado tem um campo para código do produto e logo após um link para buscar o produto através de uma lista. Clicando no link uma janela popup é aberta com uma listagem de produtos para que o usuário escolha. Ao escolher tem que enviar o código do produto escolhido para um campo que está na janela anterior. Isto é extremamente simples usando um código escrito em Javascript nas duas janelas (janela chamadora e janela popup). Um exemplo de janela chamadora do popup é a seguinte: <html> <head><title>Janela principal</title> <script> var Janela function AbrirJanela() { Janela = window.open("popup.htm", "Janela", "width=300,height=100,toolbar=no,status=no,menubar=no"); } </script> </head> <body> <center> <form name="frm_principal" action=""> <table> <tr> <td>Texto:</td> <td><input type="text" name="texto"></td> </tr> <tr> <th colspan="2"><a href="javascript:AbrirJanela();">Abrir Janela</a></th> </tr> </table> </form> </center> </body> </html> Agora a janela popup. Eu a chamei de "popup.htm" (veja que o código Javascript acima chama uma janela gravada com este nome). O código dela é: <html> <head><title>Janela Popup</title> <script> function enviaDados() { window.opener.document.frm_principal.texto.value = window.document.frm_popup.novoTexto.value; window.document.frm_popup.novoTexto.value = ""; window.close(); } </script> </head> <body> <center> <form name="frm_popup" action=""> <table> <tr> <td align="right">Texto:</td> <td><input type="text" name="novoTexto"></td> </tr> <tr> <td><input type="button" name="BtnEnviar" value="Alterar Texto" onClick="enviaDados()"></td> <td><input type="button" name="BtnFechar" value="Fechar Janela" onClick="window.close()"></td> </tr> </table> </form> </center> </body> </html> São dois truques que possibilitam esta troca de informação: 1. A janela popup tem que ser chamada de dentro da janela principal para que haja uma referência de quem a chamou; 2. Veja que o botão enviar (submit) chama o Javascript que faz referência a janela anterior e ao formulário específico, alterando diretamente o valor do campo. É um código simples para a solução de um problema chato !

Quebra-Linha

Colaborador..: Marcelo Torres
Categoria(s).: Javascript;
Versão.......: 1.00
Data.........: 13/06/2006 09:03:26
Visualizado..: 7536 vezes
Fonte........: Marcelo Torres

Marcelo Torres	Javascript
Últimos Artigos deste colaborador Usando a função MessageBox - 16/06/2006 15:47:15 Obter conteúdo de janela popup - 13/06/2006 09:03:26 Confirmação antes de processar formulário - 20/04/2006 10:21:44	Últimos Artigos desta categoria Obter conteúdo de janela popup - 13/06/2006 09:03:26 Confirmação antes de processar formulário - 20/04/2006 10:21:44 Efeitos com o mouse - 20/04/2006 10:11:48

5 pessoa(s) on-line neste site.