Foros del Web » Creando para Internet » CSS »

Esconder/mostrar campos de registro

Estas en el tema de Esconder/mostrar campos de registro en el foro de CSS en Foros del Web. Hola a todos, estoy haciendo una página donde se pueden registrar 3 tipos de usuarios diferentes, 'usuarios' 'profesionales' 'asociaciones'. El tema es que quiero que ...
  #1 (permalink)  
Antiguo 17/04/2011, 11:37
 
Fecha de Ingreso: marzo-2011
Mensajes: 88
Antigüedad: 6 años, 8 meses
Puntos: 17
Esconder/mostrar campos de registro

Hola a todos, estoy haciendo una página donde se pueden registrar 3 tipos de usuarios diferentes, 'usuarios' 'profesionales' 'asociaciones'.

El tema es que quiero que cuando seleccionen en el formulario de registro que tipo de usuarios son, quiero que se muestren unas casillas especificas para rellenar.

Y.. no se como hacerlo he buscado por google evidentemente, pero no encuentro ningun tuto o ejemplo que sea como lo que yo quiero y no me aclaro.

¿Se puede hacer mediante css o ya tendría que irme a javascript o algo? Si con las dos opciones se puede... ¿Que me recomendais?

Espero que alguien me conteste aunque sea si se puede con css y como es mas correcto...

Un saludo y gracias de antemano!
  #2 (permalink)  
Antiguo 17/04/2011, 11:51
 
Fecha de Ingreso: marzo-2011
Mensajes: 88
Antigüedad: 6 años, 8 meses
Puntos: 17
Respuesta: Esconder/mostrar campos de registro

Se me olvidó poner el código del formulario...

Código HTML:
<form id="regForm" action="submit.php" method="post">
<table>
<tbody>

<tr>

        <td><label for="tipo_usuario">usuario tipo:</label></td>
        <td>
        <div class="input-container">
        <select name="tipo_usuario" id="tipo_usuario">
        <option value="0">tipo_usuario:</option>
        <option value="1">Usuario normal</option>
        <option value="2">Profesional</option>
        <option value="3">Asociacion</option>
        </select>

        </div>
        </td>
</tr>


<tr>

        <td><label for="fname">Nombre:</label></td>
        <td><div class="input-container">
        <input name="fname" id="fname" type="text" />
        </div></td>

</tr>
<tr>

        <td><label for="lname">Apellidos:</label></td>
        <td><div class="input-container">
        <input name="lname" id="lname" type="text" />
        </div></td>

</tr>
<tr>

        <td><label for="email">Email:</label></td>
        <td><div class="input-container">
        <input name="email" id="email" type="text" />
        </div></td>

</tr>
<tr>

        <td><label for="pass">Contraseña:</label></td>
        <td><div class="input-container">
        <input name="pass" id="pass" type="password" />
        </div></td>

</tr>
<tr>

        <td><label for="sex-select">I am:</label></td>
        <td>
        <div class="input-container">
        <select name="sex-select" id="sex-select">
        <option value="0">Select Sex:</option>
        <option value="1">Female</option>
        <option value="2">Male</option>
        </select>

        </div>
        </td>
</tr>

<tr>
        <td><label>Fecha Nacimiento:</label></td>
        <td>

        <div class="input-container">

        <select name="month">
        <option value="0">Month:</option>
        <?=generate_options(1,12,'callback_month')?>
        </select>

        <select name="day">
        <option value="0">Day:</option>
        <?=generate_options(1,31)?>
        </select>

        <select name="year">
        <option value="0">Year:</option>
        <?=generate_options(date('Y'),1900)?>
        </select>

        </div>

        </td>

</tr>
<tr>

        <td> </td>
        <td><input type="submit" class="greenButton" value="Registrarse" />
        <img id="loading" src="img/loader.gif" alt="working.." />
        </td>

</tr>

</tbody>
</table>

</form>

Al elegir por ejemplo 'Asociacion' me gustaria que poder modificar/personalizar las casillas que le siguen...
  #3 (permalink)  
Antiguo 17/04/2011, 12:09
 
Fecha de Ingreso: marzo-2011
Mensajes: 88
Antigüedad: 6 años, 8 meses
Puntos: 17
Respuesta: Esconder/mostrar campos de registro

Hola otra vez... jejejej

He encontrado esté mini tutorial, se que estoy en el hilo de CSS, este ejemplo es con javascript para ocultar y mostrar div, pero bueno voy a probar a ver que tal me va.

Aquí lo dejo por si ha alguien le surge la misma cuestión y le quiere echar un vistazo.

http://www.elguruprogramador.com.ar/articulos/mostrar-y-ocultar-divs.htm

Un saludo a todos!

Etiquetas: campos, registro
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 05:54.