Neste exemplo, duas páginas são criadas, conforme mostrado na Figura 1. Index.html é a página exibida na subjanela, e a página chamada firstpage.html contém um link para abrir Index.html na subjanela. Quando o link é clicado, index.html abre em uma janela secundária. Você pode clicar diretamente no link "Fechar" na subjanela para fechá-la ou pode ignorá-lo. A subjanela será fechada automaticamente após 15 segundos.
Figura 1 A operação específica da página pop-up do navegador
é a seguinte:
1. Gere uma pasta Smlple no site local.
2. Na pasta Smlple, gere arquivos denominados Index.html e firstpage.html.
3. Clique duas vezes em Index.html para abrir o documento e entrar na janela de visualização de design do documento.
4. Clique no menu Visualizar/Conteúdo do Cabeçalho para exibir a área do cabeçalho do documento.
5. Clique no painel de cabeçalho do documento na janela Visualização de design. Selecione o menu Inserir/Tags Invisíveis/Script para abrir a caixa de diálogo Inset Script. Conforme mostrado na Figura 2, selecione a opção JavaScript na caixa de lista suspensa Idioma e digite "setTimeout("self.close()", 15000)" na caixa de texto Coctento. Clique no botão OK para concluir o script que fecha automaticamente a janela secundária 15 segundos após inseri-la no cabeçalho do documento. No código, 15.000 significa 15.000 milissegundos, que são 15 segundos. Você também pode modificá-lo para o número de milissegundos necessário, conforme necessário.
Figura 2 Definir hora
6. Digite a palavra "Fechar" na janela do documento, digite "###" na caixa de texto Link no painel de propriedades e defina-o como um link vazio.
7. No Quick Tag Editor, na extremidade esquerda da barra de status, clique no botão Tag. Selecione o link "Fechar" e pressione a combinação de teclas Ctrl+T para abrir o Quick Tag Editor e entrar no modo de edição de tags do Quick Tag Editor. Em seguida, digite "onclick="selfclose()"" antes de ">". Conforme mostrado na Figura 3, após a conclusão das configurações, clique no botão OK para confirmar a operação. Desta forma, após Index.html ser aberto como uma subjanela, clicar no link pode fechar imediatamente a subjanela.
Figura 3 Definir hora
8. Salve o arquivo Index.html e saia da janela Dremweaver de index.html.
9. Agora comece a projetar a página fristpage.html. Na pasta Smlple do site local, clique duas vezes em fristpage.html para abrir o documento e entrar na janela de visualização de design do documento.
10. Digite as palavras “Clique aqui para abrir uma subjanela que será fechada automaticamente” no documento. Em seguida, insira "###" na caixa de texto Link no painel de propriedades para defini-lo como um link vazio.
11. Você pode configurar a janela Index.html para abrir quando o link for clicado aplicando o comportamento Abrir janela do navegador ao link, mas um método mais conveniente é usar o Quick Identity Editor. Para fazer isso, primeiro coloque o ponto de inserção no link e clique no botão Identidade no Seletor de Identidade na extremidade esquerda da barra de status para selecionar o link inteiro. Em seguida, pressione a combinação de teclas Ctrl+T para abrir o Quick Tag Editor e entrar no modo de edição de logotipo do Quick Tag Editor. Em seguida, insira "onclick="window.open('index.html',null','width=200px, height=200px')" antes de ">" (conforme mostrado na Figura 4). Após a configuração ser concluída, pressione a tecla Enter para confirmar a operação.
Figura 4 Configurando o link para abrir quando clicado
12. As operações acima completam as configurações deste exemplo. Você pode clicar no menu e usar Arquivo/salvar para salvar seu trabalho. Em seguida, pressione a tecla F12 para visualizar o efeito da página no navegador.