Foros del Web » Programando para Internet » Javascript »

problema mostrar/ocultar divs

Estas en el tema de problema mostrar/ocultar divs en el foro de Javascript en Foros del Web. hola a todos! Tengo un problema al mostrar/ocultar unos div, he estado mirando por internet y en el foro y no consigo solucionarlo... En fin ...
  #1 (permalink)  
Antiguo 16/02/2013, 10:04
Avatar de pampa_  
Fecha de Ingreso: mayo-2006
Mensajes: 334
Antigüedad: 17 años, 11 meses
Puntos: 1
problema mostrar/ocultar divs

hola a todos!

Tengo un problema al mostrar/ocultar unos div, he estado mirando por internet y en el foro y no consigo solucionarlo...

En fin os cuento.

Tengo una pagina con un menu lateral, que al clickar en un enlace lo que haces es cargar cierto contenido un div... podeis entrar y asi verlo mejor
http://levanteautomocion.com/homologaciones.php

como veis al hacer click en los enlaces te carga ese trozo de pagina.. y lo hace perfecto, pero en cada pagina que se carga tengo un codigo para mostrar dos formularios, para no hacerla muy larga la pagina, lo que he hecho es poner dos frases (enlaces) que muestran un formulario y ocultan el otro y viceversa.... que pasa que conforme lo tengo hecho al mostrar el segundo formulario me lo muestra mucho mas abajo...

Código HTML:
Ver original
  1. <table style='font-family:arial; padding-top:0; padding-bottom:25px; -right:23px; padding-left:0; color:#ffffff; font-size: 14px; font-weight:bold;'>
  2.     <TR>
  3.         <TD><a onClick="document.getElementById('oculto1').style.visibility='visible'; document.getElementById('oculto2').style.visibility='hidden'">QUIERO HOMOLOGAR MI VEHÍCULO</a></TD>
  4.         <TD width='220' height='10'></TD>
  5.         <TD><a onClick="document.getElementById('oculto2').style.visibility='visible'; document.getElementById('oculto1').style.visibility='hidden'">SOLICITAR PRESUPUESTO</a></TD>
  6.     </TR>

fijaros en el ejemplo al hacer click en todoterrenos 4x4.

Como hago para hacerlos desaparecer y que aparezcan los dos en el mismo sitio.


gracias
  #2 (permalink)  
Antiguo 19/02/2013, 07:35
Avatar de iukaeru  
Fecha de Ingreso: mayo-2012
Mensajes: 127
Antigüedad: 11 años, 10 meses
Puntos: 12
Respuesta: problema mostrar/ocultar divs

Segun entiendo, lo que quieres es que los dos formularios te ocupen el mismo espacio físico para poder verlos muy cerca de los enlaces que pones. Para ello yo veo dos alternativas y son por medio de estilos (style) y javascript:

1. Utiliza posición absoluta e índices superpuestos (position:absolute; z-index:0;)
2. Luego de hacer desaparecer el contenido, cambias el valor de la altura (height) al elemento que desapareció. Recuerda que para ello tienes que cambiar de nuevo el valor de la altura del elemento que aparece.

Etiquetas: divs, formulario, mostrar-ocultar, php
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 21:42.