Caja de textos de otro color...

yokoshima · #1 (**permalink**) 05/04/2005, 08:03

hola, quiero saber si es posible, que cuando los texbox deshabilitado por javascript estos ultimos se cambian o estan de otro color, algo asi de un color distinto, como cuando el usuario tiene windows 98 oh millenium los texbox estan de color como cafe, pero en el caso de XP sale de mismo color ni se atenua ni siquiera un poquito...

les pondre un codigo donde deshabilito y habilito un textbox mediantes radios...

esto esta en JavaScript en una pagina algo.js

Código:

function contacmail(){ 
with (document.forms[0]) 
{ 
txt_correo1.disabled=false;
} 
}

function desconmail(){
with (document.forms[0]) 
{
txt_correo1.disabled=true;
txt_correo1.value="";
}
}

y de aqui lo llamo a la funcion

Código HTML:

 <tr class="labeltop">
	  <td ><div align="center">Si &nbsp;
          <input name="mail" type="radio" value="S" onClick="contacmail()">
	  </div></td>
	  <td colspan="3">Indique su Mail: 
      <input name="txt_correo1" type="text" disabled id="txt_correo1"></td>

    </tr>
	<tr class="labeltop">
	  <td ><div align="center">No
	      <input name="mail" type="radio" value="N" onClick="desconmail()">
	  </div></td>
	  <td>&nbsp;</td>
	  <td >&nbsp;</td>
	  <td>&nbsp;</td>
    </tr>

espero que se pueda, a los textbox deshabilitado colocarlos de un color que se note que son distintos..... como amarillo....

gracias

yokoshima · #2 (**permalink**) 05/04/2005, 13:29

nadie

si no me entendieron, es cuando el textbox ya deshabilitado quiero que este de un color distinto de los que estan habilitado... asi distinguirlos...

existe la posibilidad....

salu2

programeitor · #3 (**permalink**) 05/04/2005, 16:17

añade esto a la funcion, cuando lo deshabilitas:

txt_correo1.style.background='yellow';

y cuando lo habilitas:

txt_correo1.style.background='window';

yokoshima · #4 (**permalink**) 06/04/2005, 08:21

gracias, pero me sale esa funcion cuando aprieto en los radios, mas especificamente quiero que este de un color distinto al cargar la pagina, y que el usuario se de cuenta que esos textbox son distinto, porque estan deshabilitado, osea cuando cargue la pagina que el usuario se de cuenta que los amarillos estan por algo, y que cuando presione el radio "Si" estos cambian de color y se habiliten....

eso, de todas formas gracias por responder, pero falta poco....

salu2 y espero consejos, gracias.....

JavierB · #5 (**permalink**) 06/04/2005, 08:36

Hola yokoshima

Ahí va un consejo en forma de código:

Código PHP:

  <html>

<head>

<script type="text/javascript">

function habilita(val,obj) {

  obj.disabled=val;

  obj.style.background = val ? 'yellow' : 'white';

}

</script>

</head>

<body>

<form name="frm">

<input type="text" name="algo" disabled="disabled" style="background:yellow" />

Si <input type="radio" name="r1" onclick="habilita(false,algo)" />

No <input type="radio" name="r1" checked="checked" onclick="habilita(true,algo)" />

</form>

</body>

</html>

Saludos,

yokoshima · #6 (**permalink**) 06/04/2005, 10:29

gracias........

JavierB y programeitor, al final mezcle d elas dos formas y esto quedo:

en la parte del textbox utilize esto:

<td colspan="3">Indique su Mail:<input name="txt_correo1" type="text" disabled="disabled" style="background:#999999"></td>

y en la parte del JS utilize esto:

function contacmail(){
with (document.forms[0])
{
txt_correo1.disabled=false;
txt_correo1.style.background='window';

}
}

function desconmail(){
with (document.forms[0])
{
txt_correo1.disabled=true;
txt_correo1.value="";
txt_correo1.style.background='#999999';
}
}

el resultado es que las dos opciones me sirvieron, muchas gracias y siempre que entro tengo la suerte que me ayudan de inmediato......

bendito sea este FOOOOORO

salu2

programeitor · #7 (**permalink**) 06/04/2005, 13:45

Perfecto ,un saludo a ambos.