Foros del Web » Programando para Internet » Javascript »

Spoiler para filas de una Tabla

Estas en el tema de Spoiler para filas de una Tabla en el foro de Javascript en Foros del Web. Hola, me gustaria resolver una gran duda que tengo con un script. Intento hacer un Spoiler (Mostrar/Ocultar) para una tabla, Yo tengo un spoiler que ...
  #1 (permalink)  
Antiguo 03/07/2010, 12:09
 
Fecha de Ingreso: julio-2010
Mensajes: 37
Antigüedad: 13 años, 9 meses
Puntos: 1
Spoiler para filas de una Tabla

Hola, me gustaria resolver una gran duda que tengo con un script.

Intento hacer un Spoiler (Mostrar/Ocultar) para una tabla,
Yo tengo un spoiler que funciona perfecto en capas, pero en cuanto a ocultar y mostrar TR (Filas de una tabla) no funciona, aqui te dejo el código del spoiler que dispongo:

<SCRIPT language="javascript">
function MostrarOcultar (objetoVisualizar) {
if (document.all[objetoVisualizar].style.display=='none') {
document.all[objetoVisualizar].style.display='block';
} else {
document.all[objetoVisualizar].style.display='none';
}
}
</SCRIPT>

<SCRIPT language="javascript">
function Mostrar (objetoVisualizar) {
document.all[objetoVisualizar].style.display='block';
}
function Ocultar (objetoVisualizar) {
document.all[objetoVisualizar].style.display='none';
}
</SCRIPT>

Utilizo esos 3 para poner la funcion a un spoiler que se puede mostrar/ocultar en el mismo boton, y que al mostrar ese contenido se cierre otro spoiler abierto de otro sitio.

Este es el código para que haga el efecto en un boton, texto o imagen:

<span onMouseOver="this.style.textDecoration='underline' ;
this.style. cursor='pointer'"
onMouseOut="this.style.textDecoration='none'"
onClick="JavaScript:MostrarOcultar('Contenido');Ja vaScript:Ocultar('Otraid');">

--->Boton, texto o imagen<---

</span>

Y este código del contenido para ocultar y mostrar:

<div id=Contenido style="display:none">

--->Contenido<---

</div>

Bueno, pues, yo intenté modificar el código buscando información por páginas, pero no me funciona:

<script type="text/javascript">
<!--
function MostrarOcultar (num) {
if (tab=document.getElementById('tabla');
tab.getElementsByTagName('tr')[num].style.display=='none') {
tab=document.getElementById('tabla');
tab.getElementsByTagName('tr')[num].style.display='block';
} else {
tab=document.getElementById('tabla');
tab.getElementsByTagName('tr')[num].style.display='none';
}
}
-->
</script>

¿Que es lo que puedo hacer? ¿Me puedes generar el código de una forma que funcione para Mostrar/Ocultar unas FILAS en especifico de una tabla mediante un boton?

Haz lo que puedas por favor, es muy importante

P.D: Utilizo Mozilla Firefox.

|--------------------------------------------------------------------------|

Explicado de otra forma:

Como hacer esto de esta página: http://www.telefonica.net/web2/blas-mar/vertabla.html - Pero en un solo boton de Mostrar/Ocultar para FILAS

Última edición por ersamupro; 03/07/2010 a las 12:22

Etiquetas: filas, spoiler, tablas
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 00:25.