ocultar div

[slcna]

Hola, tengo un input que al hacerle clic en el o al escribir sobre el aparece un div con el contenido hasta allí bien.

lo que se quería es que al hacer clic fuera de ese ámbito (del div y el input) y cierrar el div.

[Alexis88]

Solo debes de asignar el valor none a la propiedad style.display del <div>.

Código Javascript:

div.style.display = "none";
 

También podrías darle una altura nula (height), quitarle la opacidad (opacity) o hacerlo invisible (visibility).

Saludos

[slcna]

Iniciado por Alexis88

Solo debes de asignar el valor none a la propiedad style.display del <div>.

Código Javascript:

div.style.display = "none";
 

También podrías darle una altura nula (height), quitarle la opacidad (opacity) o hacerlo invisible (visibility).

Saludos

si eso lo se pero como hacer para que al hacer clic fuera del div.
si pongo algo como, un ejemplo relativo

Código:

 body.click("ocultar div");

"si se realiza el click en el div o el input" también se oculta el div

[Alexis88]

Cuando se produce un evento en el documento, se genera un objeto del mismo el cual posee diversas propiedades, entre ellas, la propiedad target, la cual determina el elemento en el cual se ha producido el evento. Solo tendrías que verificar que sea distinto al <div> para ocultarlo.

Saludos

[slcna]

Iniciado por Alexis88

Cuando se produce un evento en el documento, se genera un objeto del mismo el cual posee diversas propiedades], entre ellas, la propiedad target, la cual determina el elemento en el cual se ha producido el evento. Solo tendrías que verificar que sea distinto al<div>para ocultarlo.

Saludos

no te entendí ..

[PHPeros]

También se puede hacer con stopPropagation.

Revisa el siguiente ejemplo.

[Alexis88]

Iniciado por slcna

no te entendí ..

Si tan solo hubieras leído la información de los enlaces que te dejé...

Código Javascript:

//Tomo al <div>
var div = document.getElementById("id del div"); 
 
//Cuando se produzca el evento "click" en el documento
document.addEventListener("click", function(event){ 
    //Si el elemento en el que se produjo el evento es diferente al <div>
    if (event.target != div){
        //Oculto al <div>
    }
}, false);
 

Saludos