Quer receber novidades e e-books gratuitos?
NUNCA MAIS PASSE RAIVA POR NÃO CONSEGUIR RESOLVER UM PROBLEMA COM O EXCEL - GARANTIDO!
UNIVERSIDADE DO VBA - Domine o VBA no Excel Criando Sistemas Completos - Passo a Passo - CLIQUE AQUI
Júlio Battisti tem mais de 50 livros publicados, centenas de e-books e é certificado Microsoft.
A paleta Behaviors (comportamentos) do Dreamweaver serve para acrescentar código Javascript em seu documento HTML, estas ações de script são acionadas quando algum evento acontece. Vamos ver neste tutorial, comportamentos para mostrar mensagens na tela, mostrar e ocultar camadas, tocar sons, abrir janelas em formato pop up, etc.
Abrindo uma janela pop up usando o Behavior “Open Browser Window”
Quando falo em janelas pop up em sala de aula, alguns de meus alunos torcem o nariz, afirmando que estas janelas de propaganda são chatas e atrapalham a navegação, não devemos pensar assim, porque nós somos as pessoas que ganham dinheiro com aquelas coisas chatas, então devemos gostar delas.
Para este exemplo, vamos criar dois documentos HTML, um que será aberto inicialmente e outro que será aberto por cima em formato pop up.
1. Crie um novo documento HTML em seu Dreamweaver e escreva: “Esta é a página de propaganda”, salve este arquivo como anuncio.htm.
2. Crie outro documento HTML em branco, escreva neste documento: “Esta é a página principal” e salve como principal.htm.
3. Abra a paleta Behaviors, clicando no menu Window/Behaviors.
4. Selecione a TAG <body> do Dreamweaver, não é para fazer isto no código, esta TAG está representada em baixo a esquerda da tela, no modo design, como mostrado abaixo.
5. Sempre clicaremos na TAG <body> quando quisermos que qualquer Behavior seja executado assim que a página for carregada, para os já iniciados em Javascript, isto corresponde a inserir um evento onLoad() na TAG <body> para executar uma function.
6. Com a TAG <body> selecionada clique no sinal “+” da paleta de comportamentos e, em seguida clique na opção “Open Browser Window”.
7. Aparecerá a janela abaixo onde podemos configurar, a aparência e o tamanho da janela pop up.
8. Temos de definir o arquivo que irá aparecer em formato pop up, o tamanho da janela, e no exemplo acima, nenhuma das opções de janela marcadas para que o pop up apareça “pelado” como é comum. A opção “Window name” serve para dar nome ao objeto do Javascript e no nosso caso é irrelevante, clique em OK.
9. Observe que na paleta “Behaviors”, aparece a ação (open browser window) e o evento (onLoad), este evento é acionado todas as vezes em que a página for carregada. Sempre observe o evento, por vezes o evento que o Dreamweaver associa a ação não é exatamente o que queríamos, e, neste caso, devemos mudá-lo.
10. Se houvesse necessidade de se alterar o evento, deveríamos clicar em cima de “onLoad” e escolher o evento que se adeque a nossa necessidade.
11. Não esqueça, nosso evento é mesmo o onLoad, mas para testar as possibilidades experimente por exemplo, o onClick, neste caso a página pop up só aparecerá quando clicarmos em qualquer ponto da página.
12. Salve o arquivo e visualize-o no seu Browser.
13. A figura acima mostra a página principal.htm com o arquivo anuncio.htm sobreposto.
Redirecionando uma página usando o comportamento “Go to URL”
Redirecionar é mandar o visitante para uma outra página quando ele acessa uma determinada URL, isto é bastante comum em casos de uma página que troca de endereço, como alguns visitantes ainda acessam o endereço antigo, usamos este artifício para que abrindo o endereço antigo o visitante seja encaminhado para o novo.
Para o exercício iremos abrir a página do IG.
1. Crie um novo arquivo em seu Dreamweaver, e grave-o com o nome de redireciona.htm.
2. Clique na TAG <body>.
3. Com a TAG <body> selecionada clique no sinal “+” da paleta de comportamentos e, em seguida clique na opção “Go to URL”.
4. Aparecerá a caixa de diálogo abaixo.
5. Preencha-a como mostrado na figura e clique em OK.
6. Salve o arquivo e visualize no seu browser.
Definindo o texto da barra de status
Podemos usar também um Behavior para mostrar um texto qualquer na barra de status, alguns designers gostam do recurso para dar mais um toque de personalização ao site, se não definirmos este texto, o que aparece na barra de status depois da página carregada é a palavra “Concluido”.
1. Crie um novo arquivo em seu Dreamweaver e grave este arquivo com o nome de statusbar.htm.
2. Selecione e TAG <body> como mostrado nos exemplos anteriores.
3. Clique no sinal “+” da paleta Behaviors, e escolha a opção Set Text/Set Text of Status Bar.
4. Aparecerá a caixa de diálogo abaixo:
5. Escreva um texto qualquer e clique em OK.
6. Quando testei em minha máquina, o Dreamweaver associou esta ação ao evento onMouseOver, se acontecer o mesmo com você, altere o evento para onLoad.
7. Salve o arquivo e visualize no browser.
Exibindo uma caixa de mensagem
Vamos ver agora como fazer para mostrar uma caixa de mensagem como esta:
1. Crie um novo arquivo no Dreamweaver e salve-o com o nome de message.htm.
2. Selecione a TAG <body> como nos exemplos anteriores.
3. Clique no sinal “+” da paleta Behaviors e escolha “Pop up message”.
4. Escreva a mensagem de boas-vindas na caixa de diálogo que aparece.
5. Resultado:
Contato: Telefone: (51) 3717-3796 | E-mail: webmaster@juliobattisti.com.br | Whatsapp: (51) 99627-3434
Júlio Battisti Livros e Cursos Ltda | CNPJ: 08.916.484/0001-25 | Rua Vereador Ivo Cláudio Weigel, 537 - Universitário, Santa Cruz do Sul/RS, CEP: 96816-208
Todos os direitos reservados, Júlio Battisti 2001-2024 ®
LIVRO: MACROS E PROGRAMAÇÃO VBA NO EXCEL 2016 - CURSO COMPLETO E PRÁTICO
DOMINE A PROGRAMAÇÃO VBA NO EXCEL - 878 PÁGINAS - CLIQUE AQUI
