Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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">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">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
É 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
Vlw.. Brigadão
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">