[Resolvido] Como mudar o fundo dinâmicamente?

[51L3N7 1]

Olá galera,

Gostaria de saber como faço pra mudar um fundo dinâmicamente. Porquê tipo, eu queria que quando o input de texto excedesse 10 caracteres, o fundo mudasse.

 

Tentei de 'n' maneiras, mas o último código que usei foi esse:

 

<script>
$().ready(function() {
 var exemplo = document.formulário.nome.value.length;
 if (exemplo > 10) {
  $(this).css('background', '#000000');
 }
});
</script>

<form name="formulário">
<input type="text" name="nome" />
<input type="button" value="Botão"  />
</form>

[William Bruno 1501]

:lol:

 

 

<script type="text/javascript">
window.onload = function(){
document.getElementById('nome').onkeypress = function(){
	var bgcolor = this.value.length>=10 ? '#003' : '#fff';
	document.body.style.backgroundColor = bgcolor;
}
}
</script>

<form action="" method="post">
<input type="text" name="nome" id="nome" />
<input type="button" value="Botão"  />
</form>

[Rafael Sirotheau 43]

Ja que esta usando jQuery, pq nao usar jQuery em tudo?

 

$(document).ready(function() {
   $('input[name="nome"]').keypress(function() {
       if($(this).val().length >= 10) {
           $(this).css('background', '#000000');
       }
   });
});

 

Dependendo da sua intencao, pode ser melhor utilizar o evento keyup.

 

 

Veja esse fiddle para que voce veja o funcionamento dos eventos keydown, keypress & keyup.

 

LINK

[51L3N7 1]

Valeu galera! =D

 

Mas William, tem um probleminha no seu código: ele faz com que todo o fundo da página fique em azul, não só o input =D Acho que tinha me expressado mal, mas agradeço a ajuda dos dois (E irei dá um olhada no link)!

[William Bruno 1501]

se você precisa do input, aplique no input ue:

 

this.style.backgroundColor = bgcolor;

 

eu deixei um exemplo didatico.

Tente ser capaz de ler, entender e aplicar a tua situação.

 

não fico entregando codigos prontos de graça no forum. Essa não é intenção.