Ocultar filas de una Tabla

[rogoelpra]

Buenas tardes:

En mi aplicacion tengo un Formulario para recibir Quejas o Reclamos u Generales.

Lo elabore dentro de una tabla que tiene 6 filas. Ya defini clases para ellas. Resumidamente es asi:

<tr><td>Persona</td></tr>
<tr class="quejrecl"><td>Medio</td></tr>
<tr class="queja"><td>Queja</td></tr>
<tr class="reclamo"><td>Reclamo</td></tr>
<tr class="quejrecl"><td>Observacion</td></tr>
<tr><td>Enviar</td></tr>

Al inicio del formulario tengo tres option: Quejas, Reclamos, General. Cada uno de estos option tiene una funcion Javascript que se ejecuta con el evento Onclick.

Por defecto la tabla se debe cargar con las filas (<tr>) que no tienen clase definida, si doy clic en quejas deben aparecer las filas con clase queja y quejarecl, si doy clic en reclamos las filas con clase reclamo y quejrecl y si doy en general solo las que no tienen clase.

Espero haberme sabido explicar y espero puedan ayudarme.

De antemano muchas Gracias.

[rogoelpra]

Si asi no se puede tambien recibo sugerencias...

Gracias.

[johnj]

haber...

lo que quieres es que cuando se de clic en alguna de las palabras se cargue una tabla con un formulario distinto debajo de la fila de la palabra???

[codigojavascript]

La verdad que no entiendo bien lo que desea hacer. Sería bueno que publiques todo el código (si es que tienes alguno) para que podamos entender.

Igualmente te paso un ejemplo bastante completo que maneja tablas, eliminacion de filas y cambios en la misma ante un evento generado en un SELECT

aca va el enlace: Control Tabla - Oculta y muestra filas de una tabla


Espero que sirva
Saludos

[rogoelpra]

Gracias por la Ayuda amigos... A lo mejor no fui muy claro en mi inquietud, pero ya logre lo que queria.

No use la Propiedad Class sino la Propiedad id.

Una vez defini los id necesarios procedi a crear las funciones que me mostraban y/o ocultaban siertas filas de la Tabla.


Ejemplo:

Código PHP:

  document.getElementById("queja").style.display="none";
document.getElementById("reclamo").style.display="block";
document.getElementById("medio").style.display="block";
document.getElementById("persona").style.display="block"; 
   

En este Ejemplo se oculta la fila de queja y se muestran las filas de reclamo, medio y persona.