Ir para conteúdo
Fórum Script Brasil
  • 0

Trocando Cor De Fundo Com Js!


Clow

Pergunta

Ai to aprendendo js...Meu objetivo e faze a cor de fundo troca com input radio. voposta meu codigo mais por algum moivo ele não ta funfando alguém pode me dizer porque?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function TrocaCor()
{
var i = 0;
var cor = document.form1.cor[i].value;
for(i = 0;i < 4;i++)
{
if(cor[i].checked)
{
document.bgcolor.cor[i];
}
}
}

</script>
</head>
<body>
<form name="form1" id="form1">
<input type="radio" checked="checked" value="black" name="cor" id="cor">Black
<br>
<input type="radio" value="blue" name="cor" id="cor">Blue
<br>
<input type="radio" value="red" name="cor" id="cor">Red
<br>
<input type="radio" value="orange" name="cor" id="cor">Orange
<br>
<input type="button" value="check" name="botaolegal" id="botaolegal" onMouseDown="TrocaCor()"></form>
</body>
</html>

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

o erro ta no document.bgcolor.cor; deveria ser: document.bgColor = cor;

tipo, olha ae meu exemplo... simples e mole mole de entender... wink.gif


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title>Untitled Document</title>
  <script language="javascript">
  	function cor(get_Cor)
  	{
    var total = 3; // total de 3 botoes que mudam de cor... :p
    for (var i=0; i<total; i++)
    {
    	if (rb_cor[i].checked)
    	{
      document.bgColor = get_Cor;
    	}
    }
  	}
  </script>
	</head>
	<body>
  Preto:&nbsp; <input type="radio" id="rb_cor" name="rb_cor" onClick="cor('#000000')" />
  Branco: <input type="radio" id="rb_cor" name="rb_cor" onClick="cor('#FFFFFF')" />
  Azul:&nbsp;&nbsp; <input type="radio" id="rb_cor" name="rb_cor" onClick="cor('#0000FF')" />
	</body>
</html>

abraço

wink.gif

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152.1k
    • Posts
      651.8k
×
×
  • Criar Novo...