Página
Inicial

Power

Artigos

BD
SQL

JavaScript

Vídeo Aulas

Xiko.php

Algoritmos

Alunos

SQL OnLine

Sugestões
e Críticas

Horário do
Professor

Cadastro

Lembrar Senha

JavaScript em Exemplos - Página 4


Exemplo 16 :

Este script como o exemplo 15 também é uma brincadeira. Em uma página colocamos 2 botões, quando o usuário vai clicar no primeiro ele é disabilitado, quando tenta clicar no segundo ele é desabilitado e o primeiro habilitado. ( veja funcionando ).

< script> // Início do JavaScript
function muda1() {
// Cria a função muda1
    document.f1.b1.disabled = true;
// Desabilita acesso ao botão b1
    document.f1.b1.value = "Aqui Não";
// Muda o texto sobre o botão b1 para Aqui Não.
    document.f1.b2.disabled = false;
// Habilita acesso ao botão b2
    document.f1.b2.value = "Clique Aqui !";
// Muda o texto sobre o botão b2 para Clique Aqui.
}
function muda2() {
// Cria a função muda2
    document.f1.b2.disabled = true;
// Desabilita acesso ao botão b2
    document.f1.b2.value = "Aqui Não";
// Muda o texto sobre o botão b2 para Aqui Não.
    document.f1.b1.disabled = false;
// Habilita acesso ao botão b1
    document.f1.b1.value = "Clique Aqui !";
// Muda o texto sobre o botão b1 para Clique Aqui.
}
< /script>
// Fim do JavaScript
< form name="f1">
// Cria fomulário html com nome f1.
< input type="button" name="b1" value="Clique aqui !" onmouseover="muda1()">
// Cria o botão b1, quando o usuário colocar o mouse em cima deste botão (onMouseOver), será executado a função muda1().
< hr> // Coloca um linha horizontal.
< input type="button" name="b2" value="Clique aqui !" onmouseover="muda2()">
// Cria o botão b2, quando o usuário colocar o mouse em cima deste botão (onMouseOver), será executado a função muda2().
< /form>
// Fim do formulário f1.


Voltar