deshabilitar campo de texto

eduardo160 · #1 (**permalink**) 03/01/2011, 12:35

hola quisiera saber como deshabilitar un campo de texto y que cuendo le haga clik se active....no se si eso se hace con css o javascript porfavor quien me pueda guiar para hacerlo se lo agradeceria mucho

catpaw · #2 (**permalink**) 03/01/2011, 13:38

con javascript...

bueno si inicialmente estara desabilitado seria algo asi:

<input id="el_nombre_campo" ...bla bla bla... disabled="true" onclick="habilita_campo()">

y tu funcion javascript

habilita_campo(){
document.getElementById("el_nombre_campo").disable d="false";
}

y creo que ya o_O

eduardo160 · #3 (**permalink**) 03/01/2011, 14:02

mmmm la verdad no te entendi me puedes explicar un poco mejor
???

catpaw · #4 (**permalink**) 03/01/2011, 14:43

¬¬

a tu campo de texto le asignas un id, le agregas la propiedad disabled que es lo que lo deshabilitara y al dal un click con la propiedad clic llamas la funcion habiliata_campo, que hasta te la puse mas abajo... si es no es lo que necesitas entonces explica mejor lo que deseas hacer...

creo q mas no te puedo explicar...esto es muy basico...tal vez te ayude dar un googlazoo

Suerte

KurozakiIchigo · #5 (**permalink**) 03/01/2011, 14:49

Código HTML:

Ver original<head>
 
<script type="text/javascript">
 
habilita_campo(){
document.getElementById("el_nombre_campo").disabled="false";
}
 
</script>
 
</head>
<body>
 
 
<input id="el_nombre_campo" type="text" name="nombre" disabled="true" onclick="habilita_campo()">
 
</body>

creo que es todo

eduardo160 · #6 (**permalink**) 03/01/2011, 18:20

pero cuando hago click no me habilita el campo

_Adrian_ · #7 (**permalink**) 03/01/2011, 21:24

Código Javascript:

Ver originalfunction habilita_campo(){
     document.ejemplo.nombre_campo.disabled=false;
}
 
function deshabilita_campo(){
     document.ejemplo.nombre_campo.disabled=true;
}

Código HTML:

Ver original<form name="ejemplo">
<input name="boton" type="radio" onclick="habilita_campo()">Habilitar<br>
<input name="boton" type="radio" onclick="deshabilita_campo()">Deshabilitar<br>
<input name="nombre_campo" type="text" disabled>
</form>

Saludos

kseso? · #8 (**permalink**) 04/01/2011, 07:00

Y mi duda es ¿qué significa para Eduardo habilitar y deshabilitar un campo?
O dicho de otra manera, qué pretende conseguir exactamente?

KurozakiIchigo · #9 (**permalink**) 04/01/2011, 10:20

Cita:

Iniciado por kseso?

Y mi duda es ¿qué significa para Eduardo habilitar y deshabilitar un campo?
O dicho de otra manera, qué pretende conseguir exactamente?

creo que lo que pretende conseguir, son solo experimentos, suele pasar, cuando alguien va iniciando en esto

_cronos2 · #10 (**permalink**) 04/01/2011, 18:03

Cita:

Iniciado por eduardo160

pero cuando hago click no me habilita el campo

No te funciona porque al estar disabled no se dispara ningún evento, lo que puedes hacer es esto:

Código HTML:

Ver original<span onclick='this.firstChild.disabled=false;'><input ... disabled='disabled' /></span>

@edit: Perdón, postee sin probar pensando que funcionaba pero el input tapa el span y no se ejecuta el evento.
Saludos (: