¿Como habilitar con un botón campos de texto inicialmente deshabilitados?

dandreta · #1 (**permalink**) 07/05/2007, 07:27

Hola!

Soy algo novato y necesito algo de ayuda ya que he estado buscando pero no consigo encontrar lo que necesito.

He descubierto que los campos de texto se deshabilitan poniendoles el atributo disabled.
Lo que estoy buscando es que tengo un formulario con varios campos de texto, todos ellos deshabilitados inicialmente, y tengo un botón "Modificar datos". Quiero que al pulsar ese botón se habiliten todos los campos de texto a la vez para poder modificarlos.

Espero haberme explicado bien y que alguien me pueda ayudar.
Gracias de antemano.

karemlis · #2 (**permalink**) 07/05/2007, 08:46

uuuhh!! hola dandreta..

yo tambien necesito hacer lo mismo..me explico:
tengo un formulario con varios radio button, que indican categorias, por ejemplo (animales, autos, paises) si el usuario selecciona "paises" debe aparecer un campo de texto para que se ingrese un pais en particular...

ojala alguien pueda ayudarme!!!

karen

JavierB · #3 (**permalink**) 07/05/2007, 08:58

Hola dandreta y karemlis

Un ejemplo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function habilitar(frm) {
  for (i=0; ele = frm.elements[i]; i++)
    if (ele.type == 'text')
      ele.disabled = false;
}
</script>
</head>
<body>
<form>
<input type="text" disabled="disabled" />
<input type="text" disabled="disabled" />
<input type="text" disabled="disabled" />
<input type="button" onclick="habilitar(this.form)" />
</form>
</body>
</html>

Para mostrar/ocultar un campo:

Código:

<form>
<form>
<input type="text" name="txt" style="display:none" />
<input type="button" onclick = "txt.style.display = 'block'" />

En lugar de block también puede usarse inline

Saludos,

karemlis · #4 (**permalink**) 07/05/2007, 09:08

oohhh! gracias maeeeeeessstro!! te pasaste..funciono a la primera!!

emmm.,..bueno..mira este codigo...

Código:

<INPUT TYPE="radio" NAME="cat" VALUE="casos_clinicos" onclick = "tit.style.display = 'inline'">Casos clinicos

  <input type="text" name="tit" style="display:none" value="Ingrese aqui el nombre del paciente" size="40"><br>

bueno si te fijas en el value del text...necesito que cuando ya este este input en pantalla y el usuario quiera ingresar "el nombre del paciente"
cuando pinche sobre el input se borre lo escrito para que pueda ingresar su propio valor...

me entiendes??

gracias otra vez!!

karen

dandreta · #5 (**permalink**) 07/05/2007, 09:35

Gracias!!!

Es exactamente lo que estaba buscando. Lo he probado y me ha funcionao perfecto

Saludos!!!