|
1
É claro que para acionar uma janela pop-up você
vai precisar de ter um objeto com um link. Esse objeto pode
ser um texto ou uma imagem, por exemplo. Para ficar mais divertido,
vamos usar dois links, um de texto e outro de imagem, para acionar
duas diferentes janelas pop-up.
2
Abra o Dreamweaver4 e, como primeira ação
defina os documentos que serão as "janelas pop-up"
a serem acionadas - se eles já existirem, ótimo;
se ainda não existirem, clique em File/ New, e salve
o documento HTML no local desejado (repita essa ação
para criar o segundo documento que iremos usar em nosso exercício).
Feche esses novos documentos, e abra aquele do qual você
vai acionar as janelas "pop-up". Insira uma imagem
para o link e selecione, clicando sobre ela. Abra a janela "Behaviors"
pressionando as teclas SHIFT+F3. Veja a janela no gráfico:
3
Na janela "Behaviors" clique no pequeno botão
com o sinal de "+", no canto esquerdo da janela. Será
aberto um menu com alguns ítens de "comportamento"
disponíveis, os "Behaviors", onde você
vai escolher e clicar sobre o ítem "Open Browser
Window". Veja o gráfico:
|
|
|
o
mouse aponta para o ítem escolhido
|
4
Essa ação fará abrir uma caixa
de diálogo, onde você terá todos os ítens
disponíveis para configurar sua janela pop-up - sua aparência,
tamanho, etc. Veja o gráfico:
|
|
|
analisando
a imagem, note os campos que definem as medidas de apresentação
da pop-up (width-'largura'/height-'altura'), e os "Attributes"
- se quiser ativar qualquer um deles (ou todos, isso é
com você) simplesmente assinale os respectivos campos.
|
5
Clique
Ok para aceitar as configurações e fechar a janela.
Retorne à paleta "Behaviors" e confira o que
está indicado nos campos "Events" e "Actions".
Normalmente esses campos apresentarão a aparência
do gráfico abaixo:
|
|
|
se
o campo esquerdo acima tiver essa configuração,
clique na setinha escura que a seta do mouse indica para
abrir um menu de opões
|
|
|
|
muitas
opções estarão disponíveis
- a que nos interessa, é aquela que o mouse do
gráfico aponta
|
6
No menu de opções que se apresenta
(normalmente muitas) escolha o ítem (onClick) assim
mesmo como está, entre parêntesis - dessa forma
você estará sendo mais compatível com velhos
Browsers, seja IE ou Netscape. Ao clicar na imagem que carrega
o "behavior pop-up", seu visitante estará abrindo
a janela que você preparou. Teste o link clicando na imagem
abaixo:
Nosso
exercício está completo. Prepare quantas janelas
quiser, mas não exagere - use o recurso na medida de
suas necessidades.
Até
o próximo tutorial...
Divirta-se!
|
