|
JavaScript em Exemplos - Página 4 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 JavaScriptfunction 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. |