Hacer un div visible y otro invisible


Tengo dos etiquetas div, una es para la búsqueda y la otra para los resultados. Lo que necesito es que cuando se haga clic en el botón enviar, los resultados se devuelvan y se coloquen en el div de resultados (con un iframe) y el div de búsqueda se oculte y el div de resultados se haga visible.

El div de búsqueda se establece inicialmente en visible (usando la visibilidad a visible) y el div de resultados se establece inicialmente en oculto (usando la visibilidad a oculto).

También, inicialmente hay un enorme espacio en blanco en la parte inferior de la página donde está el div oculto, así que cómo me aseguro de que no haya espacio en blanco adicional en la parte inferior también.

Author: mattgcon, 2010-11-03

4 answers

Hacerlo invisible con visibilidad todavía hace que use espacio. En su lugar, intente establecer la pantalla en ninguno para que sea invisible, y luego configure la pantalla en bloque para que sea visible.

 18
Author: My Other Me,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-11-03 09:21:59

Puede usar la propiedad display de style. Intialy establece el estilo de sección de resultados como

style = "display:none"

Entonces el div no será visible y no habrá ningún espacio en blanco.

Una vez que se rellenan los resultados de la búsqueda, cambie la propiedad display utilizando el script java como

document.getElementById("someObj").style.display = "block"

Usando java script puedes hacer que el div sea invisible

document.getElementById("someObj").style.display = "none"
 27
Author: Sujith,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-11-03 06:41:57

No creo que realmente quieras un iframe, ¿verdad?

A menos que estés haciendo algo raro, deberías obtener tus resultados como JSON o (en el peor de los casos) XML, ¿verdad?

Para su problema de caja blanca / espacio extra, intente

style="display: none;"

En lugar de

style="visibility: hidden;"
 8
Author: CoolAJ86,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-11-03 06:34:40

Si desea usar display=block, hará que el lector de contenido salte, por lo que en lugar de usar display, puede establecer el atributo left en un valor negativo que no existe en su página html para mostrarse, pero en realidad lo hace.

Espero que usted debe estar entendiendo mi punto, si soy incapaz de hacer u entender u puede enviarme un mensaje de vuelta.

 0
Author: Prateek,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-11-03 07:31:54