div - visibility css ejemplos
Haz un div visible y otro invisible (4)
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 de envío, 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 los resultados se haga visible.
search div se establece inicialmente como visible (usando la visibilidad a visible) y el div de resultados se establece inicialmente como oculto (utilizando la visibilidad como oculto).
Además, inicialmente hay un gran 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 más espacio en blanco en la parte inferior?
No creo que realmente quieras un iframe, ¿verdad?
A menos que esté haciendo algo extraño, debería recuperar sus resultados como JSON o (en el peor de los casos) XML, ¿verdad?
Para su caja blanca / problema de espacio extra, intente
style="display: none;"
en lugar de
style="visibility: hidden;"
Puede utilizar la propiedad de visualización de estilo. Intialy establece el estilo de la 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 búsqueda, cambie la propiedad de visualización utilizando el script java como
document.getElementById("someObj").style.display = "block"
Usando el script java puedes hacer el div invisible.
document.getElementById("someObj").style.display = "none"
Si desea usar display = block, hará que el lector de contenido salte, así que en lugar de usar display, puede establecer el atributo izquierdo en un valor negativo que no existe en su página html para mostrar, pero en realidad lo hace.
Espero que entiendas mi punto de vista, si soy incapaz de hacerte entender, puedes enviarme un mensaje de vuelta.
Haciéndolo invisible con visibilidad todavía hace que use espacio. En su lugar, intente establecer la pantalla en ninguno para hacerla invisible, y luego configure la pantalla en bloque para que sea visible.