especial para a Folha

Para seguir adiante, o próximo passo é analisar a listagem do programa. No comando Body, é preciso adicionar os dois gerenciadores de eventos para exibir mensagens no carregamento e abandono da página. Você pode usar somente um deles.
Em seguida, usando o comando Form, é necessário criar um formulário com quatro botões tradicionais e quatro botões do tipo Radio Button. Para cada botão, é preciso associar o gerenciador de eventos onClick, que, por sua vez, altera a cor de fundo da tela para a cor especificada.
Digite o programa usando o "Bloco de Notas", que se encontra no menu Acessórios e grave o programa com o nome de jsdemo.htm.
Carregue-o no navegador. Você verá que a mensagem inicial é exibida e somente poderá continuar a acessar a página se clicar no botão Ok da caixa de diálogo.
Teste a mudança da cor de fundo, clicando em todos os botões. Note que ao clicar sobre o botão Radio Button você desmarca automaticamente um outro que estava selecionado.
Você pode agora fazer uma alteração simples no programa para que os quatro primeiros botões alterem a cor do texto da página. Isso é muito simples.

Combinações de cores
Basta alterar a propriedade document.bgColor para document.fgColor, associada ao gerenciador onClick dos botões. Fazendo isso, você poderá criar muitas combinações de cores de fundo com o texto.
Na próxima semana, o curso abordará como mudar as características de um objeto, simplesmente passando o cursor sobre ele. Será possível aprender também como criar um menu com imagens que se alteram quando o cursor está sobre elas. (JAR)


Texto Anterior: Curso rápido: Aprenda a criar caixas de mensagem
Próximo Texto: On line
Índice