Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/07/2010, 12:09
ersamupro
 
Fecha de Ingreso: julio-2010
Mensajes: 37
Antigüedad: 13 años, 10 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