"Como fazer uma janela pop-up?" Esta é uma pergunta frequentemente feita por iniciantes no Dreamweaver. Basta encontrar um site que forneça efeitos especiais ou baixar uma ferramenta de efeitos especiais e colar o código! Ainda não é fácil. Na verdade, a maneira mais fácil é usar o Dreamweaver mais usado. Uma janela pop-up normal pode ser concluída com apenas alguns cliques. Não acredite? Venha e veja! Basta seguir as etapas a seguir e você poderá criar facilmente um efeito de janela pop-up.
1. Primeiro, acesse o painel de comportamento em Janela-> Comportamentos na barra de menu ou pressione diretamente a tecla de atalho Shift+F3.
2. Conforme mostrado na figura, pressione o sinal "+" no canto superior esquerdo do painel de comportamento para adicionar um comportamento e selecione o comportamento "Abrir janela do navegador" no menu pop-up.
3. Após selecionar o comportamento, a caixa de diálogo Abrir janela do navegador aparecerá, conforme mostrado na figura. Basta preencher as informações da janela correspondente na caixa de diálogo e clicar em “OK” para concluir a personalização da janela pop-up. em
"URL a ser exibido": Para o endereço da página da web que deseja exibir em uma nova janela, você pode inserir o endereço diretamente ou pressionar o botão "Navegar" para especificá-lo.
“Largura da janela” e “Altura da janela”: são a largura e a altura da nova janela respectivamente, em px.
“Atributos”: São as características da janela.
"Barra de ferramentas de navegação", "Barra de menu", "Barra de ferramentas de localização", "Barras de rolagem conforme necessário", "Barra de status", "Alças de redimensionamento"
Representa a barra de ferramentas, a barra de menu, a barra de ferramentas de posicionamento, a barra de rolagem e a alça de alteração de tamanho, respectivamente. Selecionar a marca de seleção na frente do local correspondente significa que a nova janela possui os recursos correspondentes.
“Nome da janela”: é o nome da janela alvo. Você pode escolher qualquer um ou especificar o nome de uma janela no grupo de quadros. Ao criar uma janela pop-up, basta dar um nome aleatório.
Após concluir os passos acima, o painel de comportamento ficará assim, indicando que uma nova janela de navegação será aberta durante o carregamento da página (onLoad).
Na verdade, o processo de adição de comportamentos no painel de comportamento é o processo do Dreamweaver gerando código Javascript. Nas etapas acima, o seguinte código foi gerado. Mostrados em negrito abaixo, os comentários entre "< !—" e "-- >" são os comentários para esta parte do código:
<html>
<cabeça>
<title>Documento sem título</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" >
<linguagem de script="JavaScript" >
< !--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(oURL,winName,recursos);
}
//-- >
</ /script >< !—Abre a janela com base no valor passado -- >
</ /head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_openBrWindow('suapágina.htm', 'winname','toolbar=yes,location=yes,status=yes, menubar=yes,scrollbars=yes, redimensionável=sim,largura=300,altura=200')" >
< !—Defina o valor de cada atributo da janela pop-up, passe o valor para cada parâmetro formal correspondente e defina o evento de disparo como onLoad-->
Efeito de janela pop-up
</corpo>
</html>
Você pode entender o código acima assim: quando o evento onLoad é acionado (ou seja, quando a imagem ou página termina de carregar), o método MM_openBrWindow() é chamado e o valor
"'suapágina.htm', 'winname', 'barra de ferramentas = sim, localização = sim, status = sim, barra de menu = sim, barras de rolagem = sim, redimensionável = sim, largura = 300, altura = 200'"
(Aqui chamados de parâmetros reais) Passe os parâmetros formais correspondentes - "theURL, winName, features" para uso por window.open(). Observe que todos os três parâmetros devem ser colocados entre aspas simples. Dentre esses códigos, a frase mais crítica é:
"window.open(oURL,winName,recursos)"
O que significa é que na janela chamada winName, abra a página no endereço URL de acordo com as características especificadas pelos recursos.
Depois de entender o significado do código, podemos saber que o código pode ser escrito diretamente assim: adicione <body>
onLoad="window.open('suapágina.htm', 'winname','toolbar=yes, location=yes,status=yes,menubar=yes, scrollbars=yes,resizable=yes,width=300,height=200' )"
Uma frase. Essa forma de escrever não é diferente do efeito do Dreamweaver gerar código automaticamente.
Já sabemos o significado dos três parâmetros em window.open() - o primeiro é o endereço da página a ser exibida, o segundo é o nome da janela de destino e o terceiro é uma descrição das características de aparência do janela. Não entrarei em detalhes sobre o primeiro e o segundo parâmetros. Vamos falar sobre o terceiro parâmetro. Para o terceiro parâmetro, podemos escrever
"'barra de ferramentas = não, localização = não, diretórios = não, status = não, barra de menu = não, barras de rolagem = não, redimensionável = não, largura = 300, altura = 200, esquerda = 100, topo = 100'”
Aqui, barra de ferramentas representa a barra de ferramentas, localização representa a barra de endereço, diretórios representam a barra de navegação, status representa a barra de status, barra de menu representa a barra de menu, barras de rolagem representam a barra de rolagem, redimensionável representa a alça de mudança de tamanho e largura e altura representam o largura e altura da janela, respectivamente, esquerda e superior representam a posição onde a janela aparece.
Os valores de barra de ferramentas, localização, diretórios, status, barra de menu, barras de rolagem e redimensionável podem ser definidos como sim, não, 1 ou 0. sim (1) significa que a nova janela possui esse recurso e não (0) não. Os valores de largura, altura, esquerda e topo devem ser preenchidos com números e a unidade é px.
Tendo dito tanto, você entende? Não é fácil adicionar comportamentos e criar janelas pop-up no Dreamweaver? Não é difícil escrever código manualmente? Contanto que você pratique um pouco mais, em pouco tempo você sentirá: Acontece que fazer janelas pop-up é tão simples!