Cambiar de color un textarea con un RADIO

pentiumonce · #1 (**permalink**) 06/08/2005, 00:37

Que tal, les explico lo que necesito hacer:

Cambiar de color un textarea al elegir una opcion de un radio, es decir:

RADIO SI // al dar click en SI cambia de color de fondo el textarea
RADIO NO // al dar click en NO cambia a otro color el taxtarea

Saludos.

occiso · #2 (**permalink**) 06/08/2005, 17:15

----- EDITADO. ------

occiso · #3 (**permalink**) 07/08/2005, 07:07

Código HTML:

<html>
<head>
	<title> New Document </title>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<STYLE type="text/css">
		<!--		
		.estilouno{background-color:green;}
		.estilodos{background-color:red;}
		-->
	</STYLE>
	<script language="javascript">
	<!--
	  function nombre(obj){
		  if (obj) document.getElementById("tarea").className="estilouno";
			else     document.getElementById("tarea").className="estilodos";
	    return true;
	  }
	//-->
	</script>
</head>
	<body>
		<input type="radio" name="radio" id="radio" value="1" checked="false" onclick="nombre(false)">Radio1</input>
		<input type="radio" name="radio" id="radio" value="2" onclick="nombre(true)">radio2</input>
		<textarea name="tarea" id="tarea" rows="20" cols="10">precioso</textarea>
	</body>
</html>

pentiumonce · #4 (**permalink**) 07/08/2005, 19:56

occiso !!! gracias por el código.

pentiumonce · #5 (**permalink**) 10/08/2005, 19:41

El código lo modifique con respecto del RADIO pero con tres opciones, basado en el ejemplo de occiso por supuesto, lo pongo por si a alguien le sirve.

Saludos.

<html>
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<STYLE type="text/css">

</STYLE>
<script language="javascript">

</script>
</head>
<body>
<input type="radio" name="radio" id="radio" value="1" onclick="nombre(1)">Radio1</input>
<input type="radio" name="radio" id="radio" value="2" onclick="nombre(2)">radio2</input>
<input type="radio" name="radio" id="radio" value="2" onclick="nombre(3)">radio3</input>
<textarea name="tarea" id="tarea" rows="20" cols="10">precioso</textarea>
</body>
</html>