Ocultar y hacer visible un campo

[AnDrEa MM]

Quiero hacer lo siguiente:
Tengo creado un campo, pero sólo quiero q se vea cuando se pulse sobre un checkbox. Inicialmente quiero q no aparezca, y al pulsar sobre el checkbox q se vea. Si pongo en la etiqueta del input "hidden", no puedo hacerlo visible de ninguna forma... o mejor dicho, no sé cómo hacerlo. Alguien puede ayudarme?

[AnDrEa MM]

Ok, ok, ok... Solucionado!! Me faltaban unas comillas por ahí... Q despiste!!!

[AnDrEa MM]

Pero ahora me sale en un lugar q no quiero. Quiero ponerlo a la derecha de un texto, y se me pone en la fila de abajo, como si hiciera un <br>. A qué es debido?

[JavierB]

Hola AnDrEa MM

Si pones el código será más fácil ver donde está el fallo.

Saludos,

[AnDrEa MM]

La función q he creado en JS es la siguiente:

Código PHP:

  <script language="JavaScript">  
function mostrarOcultar() { 
    if (document.getElementById('aforo').checked==false) 
    document.getElementById('nplazas').style.display='none'; 
    else 
    document.getElementById('nplazas').style.display='block'; 
} 
</script>  
  

Con ella consigo q me desaparezca y aparezca el campo de texto "nplazas" con el comportamiento q deseo.

Y donde llamo a la función es mediante el siguiente código:

Código PHP:

  echo "<fieldset>"; 
echo "<legend>OTRAS CARACTERÍSTICAS</legend>"; 
echo "<h5>AFORO LIMITADO: <input name=\"aforo\" type=\"checkbox\" onClick=\"mostrarOcultar()\">"; 
echo "Nº DE PLAZAS:  <input style=\"display:none;\" name=\"nplazas\" type=\"text\" size=\"8\" maxlength=\"5\"><br>"; 
echo "</fieldset>";  
   

[JavierB]

Hola de nuevo.

He hecho algunos cambios a tu código para simplificarlo.

Este sería el formulario (te lo pongo en HTML y tu te encargas de "traducirlo" a PHP)

Código PHP:

  <h5>AFORO LIMITADO: <input name="aforo" type="checkbox" onClick="mostrarOcultar(this)">
N&#186; DE PLAZAS:  <input style="visibility:hidden;" name="nplazas" type="text" size="8" maxlength="5"><br>  
   

Y la funcioncilla para mostrar/ocultar:

Código PHP:

  function mostrarOcultar(obj) {
  nplazas.style.visibility = (obj.checked) ? 'visible' : 'hidden';
}  
   

Espero que te sirva. Saludos,

[AnDrEa MM]

Wow, q maravilla!! Jaja, a mí es q se me mostraba abajo la caja de texto... Muchas gracias, así además queda más simplificado... :D GRACIAS!!!

[JavierB]

De nada. Me alegro de que te haya gustado. Hasta pronto

[inetd]

Iniciado por JavierB

De nada. Me alegro de que te haya gustado. Hasta pronto

JavierB, cuando utilizo tu solucion me da el siguiente error
'nplazas' no esta definido'

[AnDrEa MM]

Hola inetd!

Creo q lo q falla en tu código (y en el mío q dejé puesto arriba también ocurría) es q a la caja de texto le tienes q añadir id="nplazas", ya q con darle ese valor como nombre no vale. Tienes q darle ese valor en la propiedad id. Es decir, quedaría así:

Código HTML:

AFORO LIMITADO: <input name="aforo" type="checkbox" onClick="mostrarOcultar(this)">
Nº DE PLAZAS:  <input style="visibility:hidden;" name="nplazas" id="nplazas" type="text"> 

Y la función JavaScript q tiene el código para mostrar y ocultar el input type=text sería la misma. Mira a ver si así te funciona.

Un saludo y suerte

[inetd]

Iniciado por AnDrEa MM

Hola inetd!

Creo q lo q falla en tu código (y en el mío q dejé puesto arriba también ocurría) es q a la caja de texto le tienes q añadir id="nplazas", ya q con darle ese valor como nombre no vale. Tienes q darle ese valor en la propiedad id. Es decir, quedaría así:

Código HTML:

AFORO LIMITADO: <input name="aforo" type="checkbox" onClick="mostrarOcultar(this)">
Nº DE PLAZAS:  <input style="visibility:hidden;" name="nplazas" id="nplazas" type="text"> 

Y la función JavaScript q tiene el código para mostrar y ocultar el input type=text sería la misma. Mira a ver si así te funciona.

Un saludo y suerte

Lo probe haciendo un Copy Paste de la funcion y lo ultimo que pegaste y aun sigue dando el error de 'nplazas' No esta definido

[Martin dias alvares]

como ocultar los contadores de nedbasic,saben?

[AnDrEa MM]

Vamos a ver, creo q ahora sí !!
Mira, sustituye tu función javascript por la siguiente:

Código:

function mostrarOcultar(obj) {
  document.getElementById('nplazas').style.visibility = (obj.checked) ? 'visible' : 'hidden';
}

A mí si q me sale de la otra forma, y la verdad es q no sé por qué. Lo he probado en un scirpt a parte y entonces no sale, pero en el q ya tenía creado si, no lo uso tal y como lo lo dije aquí, ya q el código HTML está dentro de una función PHP a la q llamo... Pero el resultado final creo q debería ser el mismo... No lo entiendo!! En fin, voy a cambiarlo usando "getElementById" q de esa forma no da ningún tipo de problema. Pruébalo, ok? Y si sigue sin salir ... entonces será culpa del pc . Suerte!!!

[inetd]

Muchisimas gracias AnDrEa MM
ahora si que funciona a la perfeccion

[AnDrEa MM]

Jeje, ok, conseguido!! Me alegro q hayamos sabido solucionarlo.
Saludos!!

[duendeduende]

Me habeis sido de ayuda, gracias!

[kurika]

y cuando dicho campo esta en un while como podria hacerlo para ocultar todos los campo de la misma id
Gracias

[JavierB]

Hola kurika

Te recuerdo el aviso que había al final de este tema y que parece que no has leído o no le has hecho ni caso.



Tema cerrado.