1. [+ Tu HOSTING con dominio GRATIS +] Haz clic aquí para contratarlo desde 3,95€ al mes. ¡Soporte WordPress! ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

Problema ocultar mostrar divs con contenido dentro

Tema en 'Programación y Diseño Web' iniciado por astralupitecus23, 3 Jun 2016.

  1. astralupitecus23

    astralupitecus23 Nuevo usuario

    Hola,
    Tengo un problema con una web que estoy creando. He creado un buscador en el que coje los datos de una base de datos donde están todos los textos de la web, después hago una consulta Ajax en la que hago una consulta a la base de datos (utilizo XAMPP) y cuando recibo la respuesta, formateo la salida a la página con Javascript. Esto al final me ha salido bien, pero la cuestión está en que la respuesta la pongo dentro de un div pero con Javascript, pongo algo así como document.getElementById("respuesta").innerHTML = textoBD; y funciona. El tema está en que, por lo que he ido comprobando, cuando hay algo de contenido dentro del div no me hace bien el mostrar o ocultar esta respuesta de la BD. Cuando se carga el formulario no aparece el div, eso lo hago poniendo en el CSS display:none; y luego en el botón que utilizo para la búsqueda que está programado con Ajax, llamo a la función en la que cuando se recibe la respuesta hago esto: document.getElementById("respuesta").style.display = "block"; y esto me sale bien cuando no hay nada dentro del div, cuando meto contenido ya no funciona. Lo que yo quiero hacer es que en el div de respuesta, en la parte de arriba a la derecha, aparezca una imagen de cerrar ventana para que el usuario al clicar desparezca el buscador. Pero no me sale de ninguna de las maneras, he probado de todo, poniendo position:absolute o relative para así colocar la imagen justo en el sitio donde tocaría y funciona, pero luego no funciona que cuando le hago click a esta imagen, desparezca. El evento de que cuando haces click con la imagen lo he probado por varios medios, por Javascript, por JQuery, he probado también de hacerlo cuando se carga la página, con window.onload o en JQuery con $(document).ready pero no hay manera. En el onclick de la imagen (lo he probado también poniéndolo dentro de un div) pongo esto: document.getElementById("respuesta").style.display = "none". ¿Alguien de vosotros sabe donde fallo? O me puede explicar el funcionamiento para ocultar y mostrar divs como es, porque ya os digo que cuando hay contenido en el HTML no me deja. Gracias por todo, saludos.
     
  2.  
  3. Hiades

    Hiades Nuevo usuario

    podrías incluir el código solamente?
     
  4. viana2387

    viana2387 Nuevo usuario



Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta · Sobre Devandhost · Anna Telecom