A propriedade opener do objeto window


Autor/fonte: Sandro J. S. Souza
E-mail/Url: http://www.sandro.eti.br
Tags: [ window ] [ opener ]



Digg del.icio.us

Quando se trabalha com janelas popups às vezes se tem a necessidade de manipular a janela "pai", a que gerou a janela popup. Para isso, pode se utilizar a propriedade opener do objeto window.

Vejamos um exemplo de uso dela:

Arquivo index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt">
<head>
<title>A propriedade opener do objeto window</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;">Clique aqui para abrir a popup e ver o funcionamento da propriedade opener do objeto window</a>.
</body>
</html>

Arquivo opener.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt">
<head>
<title>A propriedade opener do objeto window</title>
</head>
<body>
A propriedade opener do objeto window funcionou nesse exemplo utilizando o location.href - que serve para fazer um redirecionamento automático da página.
</body>
</html>

Arquivo popup.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt">
<head>
<title>A propriedade opener do objeto window</title>
<script type="text/javascript">
window.opener.location.href = "opener.html";
</script>
</head>
<body>
Agora veja a janela "pai" e veja que ela foi redirecionada para o arquivo opener.html.
</body>
</html>

Explicando o funcionamento

No index.html temos um link que abre o arquivo popup.html como uma janela popup. Uma vez aberto, o popup.html automaticamente redireciona (utilizando o location.href - que serve para fazer um redirecionamento automático da página) a janela "pai" para o arquivo opener.html.



Sobre o autor(a): Sandro J. S. Souza
Trabalho com desenvolvimento Web. Visite meu site - http://www.sandro.eti.br
Avatar



Enviado por xKuRt em 22/07/2007 às 11:42


Itens relacionados

window.confirm
window.open
Confirmação no envio de formulário
window.alert

Avaliação

Esta publicação ainda não foi avaliada!


Avaliar:


A avaliação de publicações é restrita a membros cadastrados e logados no nosso site.



Comentários

Este artigo ainda não foi comentado ou o(s) comentário(s) que foi(ram) enviado(s) a ele ainda não foi(ram) publicado(s).


Envio de comentário:




  

Quinta, 18 de Dezembro de 2014




Top 5 membros

Últimos membros online

Últimos membros cadastrados



Capa do livro
Computação Gráfica: Processamento de Imagens Digitais - Volume 2


Capa do livro
Design de Games - Uma Abordagem Prática


Capa do livro
Programação Neurolinguística Para Leigos





Hostnet

IMD