Ir para conteúdo

POWERED BY:

Arquivado

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

xavrim

[Resolvido] Cor

Por , em Javascript

Recommended Posts

xavrim    0

xavrim
Postado

Bom galera tenho este código:

<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Web Interativa</title><script language="javascript">function trocaCor() {	var i;	i=0;	while(i<document.radios.cor.lenght) 	{		if (document.radios.cor[i].checked)		break;		i++;	}	document.bgColor=document.radios.cor[i].value;}</script></head><body>	<form name="radios">	  <input type="radio" name="cor" value="ffffff" onClick="trocaCor();"/> Branco <br />	  <input type="radio" name="cor" value="ff0000" onClick="trocaCor();"/> Vermelho <br />	  <input type="radio" name="cor" value="00ff00" onClick="trocaCor();"/> Verde <br />	  <input type="radio" name="cor" value="0000ff" onClick="trocaCor();"/> Azul <br />	  <input type="radio" name="cor" value="000000" onClick="trocaCor();"/> Preto <br />	</form></body></html>

Não funciona nem a pau. ahuahu [:D]

 

o negocio e que o valor de I não é incrementando. Já tentei while e for.

 

Alguem poderia me ajudar. Agora tenho este.. é funfa

<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Web Interativa</title><script language="javascript">function trocaCor(nome) {	var i;	i=0;	while(i<document.radios.cor.lenght) 	{		if (document.radios.cor[i].checked)		break;		i++;	}	document.bgColor=nome;}</script></head><body>	<form name="radios">	  <input type="radio" name="cor" onClick="trocaCor('ffffff');"/> Branco <br />	  <input type="radio" name="cor" onClick="trocaCor('ff0000');"/> Vermelho <br />	  <input type="radio" name="cor" onClick="trocaCor('00ff00');"/> Verde <br />	  <input type="radio" name="cor" onClick="trocaCor('0000ff');"/> Azul <br />	  <input type="radio" name="cor" onClick="trocaCor('000000');"/> Preto <br />	</form></body></html>

Obs: Pelo menos no IE7

Compartilhar este post

Link para o post
Compartilhar em outros sites

klaygomes    0

klaygomes
Postado

xavrim, o seu erro é apenas de digitação, troque :

 

while(i<document.radios.cor.lenght)

 

por:

 

while(i<document.radios.cor.length)

 

Gostei da brincadeira e criei um exemplo também:

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http-~~-//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[url="http-~~-//december.com/html/4/element/html.html"]<html[/url] xmlns="http-~~-//www.w3.org/1999/xhtml">
        [url="http-~~-//december.com/html/4/element/head.html"]<head>[/url]
                [url="http-~~-//december.com/html/4/element/meta.html"]<meta[/url] http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                [url="http-~~-//december.com/html/4/element/title.html"]<title>[/url]Web Interativa</title>
                [url="http-~~-//december.com/html/4/element/script.html"]<script[/url] type="text/javascript">
                   //<![CDATA[ 
                  function trocaCor(obj) {
                        document.bgColor= '#'+ obj.value;
                  }
                // ]]>
               </script> 
        </head>
        [url="http-~~-//december.com/html/4/element/body.html"]<body[/url] bgColor='red'>
                [url="http-~~-//december.com/html/4/element/form.html"]<form[/url] name="radios">
                        [url="http-~~-//december.com/html/4/element/input.html"]<input[/url] type="radio" name="cor" value="ffffff" onClick="trocaCor(this);"/> Branco [url="http-~~-//december.com/html/4/element/br.html"]<br[/url] />
                        [url="http-~~-//december.com/html/4/element/input.html"]<input[/url] type="radio" name="cor" value="ff0000" onClick="trocaCor(this);"/> Vermelho [url="http-~~-//december.com/html/4/element/br.html"]<br[/url] />
                        [url="http-~~-//december.com/html/4/element/input.html"]<input[/url] type="radio" name="cor" value="00ff00" onClick="trocaCor(this);"/> Verde [url="http-~~-//december.com/html/4/element/br.html"]<br[/url] />
                        [url="http-~~-//december.com/html/4/element/input.html"]<input[/url] type="radio" name="cor" value="0000ff" onClick="trocaCor(this);"/> Azul [url="http-~~-//december.com/html/4/element/br.html"]<br[/url] />
                        [url="http-~~-//december.com/html/4/element/input.html"]<input[/url] type="radio" name="cor" value="000000" onClick="trocaCor(this);"/> Preto [url="http-~~-//december.com/html/4/element/br.html"]<br[/url] />
                </form>
        </body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

andreia_sp    1

andreia_sp
Postado

É obstrutivo Klay, ja que alguem vai falar.. quero ser a primeira rsss :P (to brincando)

 

entao, qto ao codigo, seguindo seu segundo exemplo, você tem que colocar # para cores. Apesar de funcionar no IE 6 (o que eu testei), no FF não. Então:

 

<input type="radio" name="cor" onClick="trocaCor('#ffffff');"/> Branco <br /><input type="radio" name="cor" onClick="trocaCor('#ff0000');"/> Vermelho <br /><input type="radio" name="cor" onClick="trocaCor('#00ff00');"/> Verde <br /><input type="radio" name="cor" onClick="trocaCor('#0000ff');"/> Azul <br /><input type="radio" name="cor" onClick="trocaCor('#000000');"/> Preto <br />
funcionou no IE 6 e FF

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