Página pai: index.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Atualizando janela pai atraves de popup</title>
</head>
<body>
<a href="#" onClick="window.open('popup.html', 'Janela', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=500, height=400'); return false;">Pai e mae</a>
<br /><p><p><p><p>
<input name="txtFiliacao" id="txtFiliacao" type="text" value=""/>
</body>
<!--
Explicação de cada atributo que será executado ao chamar a função window.open, que abre a janela popup.html
window.open("URL da janela que será aberta","Nome da janela","caracteristicas_da janela")'
toolbar=no, Não visualização da barra de ferramentas
location=no, Não Visualização da barra de endereço
directories=no, Não visualizações do botão de acesso rápido
status=no, Não visualização para barra de status
menubar=no, Não visualização de barra de menus
scrollbars=yes, Não visualização da barra de desfilamento
-->
</html>
Nesta página, o usuário irá usar a função para enviar os dados para página pai. Com o comando window.opener.document.getElementById('txtFiliacao').value = pai , o javascritp setará o valor do campo
txtFiliacao da janela pai, observe que o comando é semelhante o que podemos usar na própria página somente adcionando
window.opener, o javascritp interpretará que esse campo está na página que originou o popup.
Página filha: popup.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script type="text/javascript">
function enviarCampo(pai) {
///var pai = window.opener;
alert(pai);
window.opener.document.getElementById('txtFiliacao').value = pai
///window.document.getElementById('txtFiliacao').value = 'pai';
window.close();
}
</script>
</head>
<body>
<a href="#" onclick="javascript:enviarCampo('index1.html')">Pai e mae</a>
</body>
</html>
Nenhum comentário:
Postar um comentário