comprimir y expander menus dentro de mi web

El_Metallick · #1 (**permalink**) 19/04/2005, 19:14

Hola amigos, no estoy del todo seguro si es javascript pero espero que asi sea... bueno lo que quiero hacer es algo similar al minimizar de windows... solo que con partes del menu de mi paguina web, algo como lo que pueden ver en la seccion del panel de contro de este foro en mesajeria privada... no se si se entendie la idea, espero que si.... bueno gracias de antemano y saludos

JavierB · #2 (**permalink**) 20/04/2005, 00:52

Hola El_Metallick

Mira este código a ver si te sirve:

http://javascript.tunait.com/javascr...menucontractil

Saludos,

El_Metallick · #3 (**permalink**) 20/04/2005, 12:27

creo que modificandolo me serviria, si no es asi mantengo informado... gracias

El_Metallick · #4 (**permalink**) 20/04/2005, 19:39

JavierB... ese script cumple parte de lo que necesito... pero para lo otro necesito precisamente lo que hay en la sección de mensajeria privada del foro.... eso de apretar un boton (-) y que se esconda o en si defecto apretar el mismo boton (esta vez +) y que se despliegue nuevamente.... si no se entiende bien... solo miren en su panel de control lo de mensajeria privada... saludos y gracias

JavierB · #5 (**permalink**) 21/04/2005, 02:11

Hola de nuevo.

Te he preparado un poco de código. El diseño es una chapuza, pero creo que la idea te puede servir:

Código PHP:

  <html> 
<head> 
<title>Untitled</title> 
<script type="text/javascript"> 
function mostrar(obj) { 
  padre=obj.parentNode.parentNode; 
  hijo=padre.getElementsByTagName('div')[0]; 
  if (hijo.style.display=='none') { 
    obj.innerHTML='-'; 
    hijo.style.display=''; 
  } 
  else { 
    obj.innerHTML='+'; 
    hijo.style.display='none'; 
  } 
} 
</script> 
</head> 
<body> 
<div id="algo"> 
<p><span onclick="mostrar(this)">-</span> Lunes</p> 
<div> 
<p>Aquí va lo que sea</p> 
</div> 
</div> 
</html>

Saludos,

El_Metallick · #6 (**permalink**) 21/04/2005, 15:54

Hola denuevo... mira lo trate de adaptar a tablas don el siguiente código:

Código:

<tr>
<td width="100%" bgcolor="<% = ColorFondo2 %>" align="right" valign="top" class="text"><div id="encuesta"><span onclick="mostrar(this)">-</span> Encuesta</td>

</tr> 

<tr>

<td width="100%" bgcolor="<% = ColorFondo3 %>" align="left" valign="top" class="text"><div><!--#include file="encuesta.asp" --></div></div></td>

</tr>

pero en vez de esconderme el include me esconde donde esta el encabezado encuesta porque??? como deveria ser para que hiciera lo que quiero????

JavierB · #7 (**permalink**) 22/04/2005, 09:31

Rehola.

He cambiado un poco el código de la función:

Código PHP:

  function mostrar(obj) { 
  padre=obj; 
  while (padre.tagName!='TABLE') 
    padre=padre.parentNode; 
  hijo=padre.getElementsByTagName('tr')[1]; 
  if (hijo.style.display=='none') { 
    obj.innerHTML='-'; 
    hijo.style.display=''; 
  } 
  else { 
    obj.innerHTML='+'; 
    hijo.style.display='none'; 
  } 
}

Saludos,

El_Metallick · #8 (**permalink**) 22/04/2005, 19:24

Código:

<tr>
<td width="100%" bgcolor="<% = ColorFondo2 %>" align="right" valign="top" class="text">Lista de Correo</td>
</tr>
<tr>
<td width="100%" bgcolor="<% = ColorFondo2 %>" align="right" valign="top" class="text"><div id="encuesta"><span onclick="mostrar(this)">-</span> Encuesta</td>
</tr> 
<tr>
<td width="100%" bgcolor="<% = ColorFondo3 %>" align="left" valign="top" class="text"><div><!--#include file="encuesta.asp" --></div></div></td>
</tr>

ahora me hace desaparecer la lista de correo... osea fuinciona super bien pero al esconderce... esconde todo lo del include pero tambien esconde lo de la lista de correo... se puede solucionar eso????

JavierB · #9 (**permalink**) 23/04/2005, 02:46

Hooooola.

A ver si intentandolo de otra forma queda mejor. En la fila que quieras mostrar/ocultar pones un id:

<tr id="jose">

Para llamar a la función utiliza: onclick="mostrar(this,'jose')"

y esta sería la función:

Código PHP:

  function mostrar(obj,fila) { 
  miFila=document.getElementById(fila); 
  if (miFila.style.display=='none') { 
    obj.innerHTML='-'; 
    miFila.style.display=''; 
  } 
  else { 
    obj.innerHTML='+'; 
    miFila.style.display='none'; 
  } 
}

Saludos,

El_Metallick · #10 (**permalink**) 23/04/2005, 14:33

ahi si muchisimas gracias amigo

JavierB · #11 (**permalink**) 24/04/2005, 02:06

De nada. Ya sabía yo que al final lo conseguiríamos