Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17666
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Popup que atualiza a página pai JavaScript

23-02-2016 11:25

Nesse post vou deixar um script com popup aberto pelo window.open, e através do popup você pode passar valores para página pai, atualizar a página pai, e fechar a popup e atualizar a página pai ao mesmo tempo.

pagina_pai.html

<script language="javascript"> function centerpopup(url,nome,altura,largura){ var minimo = screen.width/4; var maximo = screen.height - 100; var w = ( ( ( (largura>minimo)? largura:minimo )<maximo )?largura:maximo); var h = ( ( ( ( altura>minimo )? altura:minimo )<maximo )?altura:maximo); var l = (screen.width/2) - w/2; var t = (screen.height/2) - h/2; var argumentos = 'copyhistory=yes,width='+w+',height='+h+',left='+l+',top='+t+',screenX='+l+',screenY='+t; var novajan = window.open(url,nome, argumentos); } </script> <a href="javascript:void(centerpopup('popup.php','',200,200));">clique aqui para abrir um popup</a> <!-- input que recebe os valores //--> <input type="text" name="" id="campo1" value="" />

popup.html

<script> function adiciona_valor() { window.opener.document.getElementById("campo1").value="novovalor"; } function atualiza_pagina() { window.opener.document.location.reload(); } function fecha_atualiza() { window.opener.document.location.reload(); window.close(); } </script> <input type="button" name="" value="passa valor" onclick="adiciona_valor()" /> <input type="button" name="" value="atualiza principal" onclick="atualiza_pagina()" /> <input type="button" name="" value="fecha popup e atualiza principal" onclick="fecha_atualiza()" />

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado