Foros del Web » Programando para Internet » Javascript »

Div se oculte con javascript o ajax

Estas en el tema de Div se oculte con javascript o ajax en el foro de Javascript en Foros del Web. Buenos dias, estoy haciendo una pagina web y me he topado con una dificultad. Tengo un menu que esta dentro de un div y quisiera ...
  #1 (permalink)  
Antiguo 24/01/2011, 10:42
 
Fecha de Ingreso: enero-2011
Mensajes: 15
Antigüedad: 13 años, 3 meses
Puntos: 0
Div se oculte con javascript o ajax

Buenos dias, estoy haciendo una pagina web y me he topado con una dificultad. Tengo un menu que esta dentro de un div y quisiera que al darle click en alguno de los submenus este menu se oculte a la izquierda no totalmete dejando una pestaña y muestre el contenido en la misma pagina dentro un div , y una vez q haya terminado con ese contenido al dar click en la pestaña del menu ocultado este vuelva aparecer y el div mostrando el contenido desaparesca todo esto en la misma pagina, he estado revisando algunos ejemplos con jquery y ajax pero hasta ahora no he tenido suerte, espero su siempre bienvenida colaboracion gracias.
  #2 (permalink)  
Antiguo 24/01/2011, 13:00
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 3 meses
Puntos: 36
Respuesta: Div se oculte con javascript o ajax

No tiene mucha complicación. Se trata de manejar una sola propiedad CSS. Ësta puede ser la propiedad visibility o la propiedad display.
Si usas visibility:hidden/visibility:visible el elemento que ocultes no modificará la distribución de los elementos de la página.
Si usas display:none/display:block para un div, el elemento que ocultas hace que se reestructure la página para rellenar el hueco que has dejado, salvo que uses position:absolute o position:fixed o cosas por un estilo que no afectan al flujo normal de los elementos.
Para cambiar estas propiedades sólo necesitas acceder al elemento mediante javascript y cambiar el estilo con que se muestra. Es de lo más básico que hay y sobran tutoriales para hacerlo.

Etiquetas: ajax, css, html
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:06.