Foros del Web » Programando para Internet » Javascript »

Campos Ocultos

Estas en el tema de Campos Ocultos en el foro de Javascript en Foros del Web. Saludos. Estoy haciendo lo siguiente: cuando se elije una opción determinada se activa un campo de texto. Lo hago con el siguiente código: <html> <head> ...
  #1 (permalink)  
Antiguo 07/02/2002, 14:36
Avatar de José Molina  
Fecha de Ingreso: enero-2002
Ubicación: USA
Mensajes: 768
Antigüedad: 22 años, 3 meses
Puntos: 1
Campos Ocultos

Saludos.

Estoy haciendo lo siguiente: cuando se elije una opción determinada se activa un campo de texto. Lo hago con el siguiente código:


<html>
<head>
<script language="JavaScript">

function cambiaSelector(){
document.formulario.campoTexto.disabled = (document.formulario.selector.selectedIndex != 2);
}

</script>
<style type="text/css">
<!--
.invisible { background-color: #CCCCCC}
-->
</style>
</head>
<body>
<form name='formulario'>
<select name='selector' onchange='cambiaSelector()'>
<option select >Combo solo</option>
<option>Combo y texto</option>
<option>Combo y texto2</option>
<option>Combo y texto3</option>


</select>
<br>

<input type='text' name='campoTexto' disabled value='algo' color='#CCCCCC' class="invisible">
</form>
</body>
</html>


Ahora, la cosa es que tambien quiero cambiar el color de fondo del campo de texto al activarse o al desactivarse.

Cómo hago para que cambie el styles al momento de la activación.

Gracias

José Molina
  #2 (permalink)  
Antiguo 07/02/2002, 15:02
bet
 
Fecha de Ingreso: febrero-2001
Mensajes: 292
Antigüedad: 23 años, 2 meses
Puntos: 0
Re: Campos Ocultos

Modificá la función cambiaSelector() de la siguiente manera:

<pre>
function cambiaSelector(){
document.formulario.campoTexto.disabled = (document.formulario.selector.selectedIndex != 2);

if (document.formulario.selector.selectedIndex == 2){
document.formulario.campoTexto.style.color = &quot;blue&quot;;
document.formulario.campoTexto.style.backgroundCol or = &quot;white&quot;;
}
else {
document.formulario.campoTexto.style.backgroundCol or = &quot;#CCCCCC&quot;;
}
}
</pre>

<hr noshade size=1 color="#000000"><img src="http://www.gograph.com/Images-8712/ClipArt/cat03.gif" height="50" border=0 align="absmiddle"> <font size="2" face="verdana" color="#000000">bet[/CODE]
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:40.