Primeiro, dê um clique neste botão para abrir a janela-filha. Nessa janela, dê um clique no botão para abrir outra janela (a neta). Em seguida, retorne a esta janela:
Este é o script que usamos na seção HEAD:
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
function AbrirJanela() {
Jan1=open("filha.htm","Janela1","resize,status,height=400,width=575");
}
//-->
</SCRIPT>
Em seguida estes botões:
<FORM>
<input type="button" name="BotãoJanela" value="Abrir uma Janela-Filha" onclick="AbrirJanela()"><P>
<I>Agora, dê um clique nestes botões para alterar as mensagens na barra de status em todas as três janelas. Alterne para a janela-filha e para a janela-neta para ver as mensagens na barra de status.</I><P>
<INPUT TYPE="BUTTON" VALUE="Barra de status desta janela: self.defaultStatus" onclick="self.defaultStatus='Esta é a barra de status da janela corrente'"><P>
<INPUT TYPE="BUTTON" VALUE="Barra de status da janela-filha: Jan1.defaultStatus" onclick="Jan1.defaultStatus='Barra de status da janela-filha'"><P>
<INPUT TYPE="BUTTON" VALUE="Barra de status da janela-neta: Jan1.Jan2.defaultStatus" onclick="Jan1.Jan2.defaultStatus='Barra de status da janela-neta'"><P>
<I>Agora dê um clique nestes botões para fechar as outras janelas (você precisa dar um clique no primeiro botão antes; se der um clique no segundo botão primeiro, o primeiro botão não funcionará):</I><BR>
<INPUT TYPE="BUTTON" VALUE="Fechar a janela-neta: Jan1.Jan2.close()" onclick="Jan1.Jan2.close()">
<INPUT TYPE="BUTTON" VALUE="Fechar a janela-filha: Jan1.close()" onclick="Jan1.close()">
</FORM>
Exemplos do Capítulo Anterior-|-Próximo Exemplo-|-Retornar à Listagem dos Capítulos