Foros del Web » Programando para Internet » Javascript »

Ocultar / mostrar tablas de forma horizontal

Estas en el tema de Ocultar / mostrar tablas de forma horizontal en el foro de Javascript en Foros del Web. Hola a todos: He estado buscando en el Foro y no he encontrado nada al respecto es por eso que me dirijo a Uds. Lo ...
  #1 (permalink)  
Antiguo 18/11/2005, 13:06
Avatar de Reynier  
Fecha de Ingreso: noviembre-2002
Ubicación: Por ahí en algún sitio
Mensajes: 1.844
Antigüedad: 21 años, 5 meses
Puntos: 1
Ocultar / mostrar tablas de forma horizontal

Hola a todos:
He estado buscando en el Foro y no he encontrado nada al respecto es por eso que me dirijo a Uds. Lo que quiero hacer es algo similar a lo que hace Google cuando personalizas la pagina pues si se dan cuenta pone un panel lateral y al hacer click en un boton este panel se oculta pero de forma horizontal no de forma vertical (que ya lo tengo logrado hacer). AL igual que Google lo hacen otros como www.live.com y MSN tambien. No se si saben a que me refiero. Se puede hacer esto con JavaScritp o sea ocultando un DIV o tabla o cualquier otro elemento pero haciendo el desplazamiento de forma horizontal en vez de vertical?

Salu2
__________________
Ing. Reynier Pérez Mira
  #2 (permalink)  
Antiguo 18/11/2005, 13:39
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 19 años, 2 meses
Puntos: 9
Supongo que los paneles estan psocionados mediante float:left,con lo que al ocultar el de la izquierda los que quedan se ajustan a la izquierda.
  #3 (permalink)  
Antiguo 18/11/2005, 13:43
Avatar de Reynier  
Fecha de Ingreso: noviembre-2002
Ubicación: Por ahí en algún sitio
Mensajes: 1.844
Antigüedad: 21 años, 5 meses
Puntos: 1
Mira ...

Aquí te dejo el código de como están posicionada las cosas en el Portal:
Código HTML:
<div id="divLeftNav">
    {* Menu *}
        {include file="theme_plugins/menu.tpl"}
    {* Menu *}
    <br />
    {* Your Account *}
        {include file="theme_plugins/your_account.tpl"}
    {* Your Account *}
    <br />
    {* Construido con *}
        {include file="theme_plugins/build_with.tpl"}
    {* Construido con *}
</div> 
y la clase CSS es la siguiente:
Código HTML:
#divLeftNav {
	float: left;
	width: 160px;
	margin: 0;
	padding: 1em;
	border-right: 1px dotted gray;
}

#divRightNav {
	float: right;
	width: 160px;
	margin: 0;
	padding: 1em;		
	border-left: 1px dotted gray;
	
}

#divContent {
	margin-left: 200px;
	margin-right: 200px;
	padding: 1em;
	max-width: 36em;
}
como podrás ver está posicionada con float:left pero aún así y todo se oculta verticalmente que es lo que no quiero. Lo que quiero es que el desplazamiento a la hora de ocultar en vez de hacerlo hacia arriba verticalmente lo haga hacia el lado horizontalmente. Entiendes ??

Salu2
__________________
Ing. Reynier Pérez Mira
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 16:18.