Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Lajus

acionar botão ao preencher um campo

Por , em Javascript

Recommended Posts

Lajus    0

Lajus
Postado

Salve galera;

 

Estou precisando achar uma maneira de habilitar um botão ao ser preenchido o campo de texto, vou explicar melhor:

No site tenho um campo de busca e o botão "enviar" fica apagado, gostaria de saber se é possível trocar essa imagem (botão) assim que escrever alguma coisa no campo de texto.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

dá sim no evento onkeypress do input você coloca uma funcçao que quando acionada e diferente de fazio muda a imagem do botão...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Maujor    144

Maujor
Postado 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br" xml:lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Fórum JavaScript iMasters</title>
<style type="text/css" media="all">
#b-busca {display:none}
</style>
<script type="text/javascript"> 
window.onload = function() {
 var campoBusca = document.getElementById("c-busca");
 var botaoBusca = document.getElementById("b-busca");	

  campoBusca.onkeypress = function () {
  botaoBusca.style.display = "inline";
  };
}
</script>
</head>
<body>
<form action="" method="get">
<label>Buscar: <input type="text" name="c-busca" id="c-busca" /></label>
<input type="submit" value="IR" id="b-busca" />
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito