Ocultar div al pulsar fuera de él

DavidBL · #1 (**permalink**) 18/07/2011, 09:41

Hola, llevo ya tiempo buscando algúna manera de ocultar un div al pulsar fuera de él.
La única manera que encontré fue aplicandole contenteditable y el evento onblur, pero me gustaria hacerlo sin tener que aplicarle el contenteditable.
¿Es posible?

_cronos2 · #2 (**permalink**) 18/07/2011, 09:51

Puedes asignar el evento al elemento contenedor, y después comprobar en el evento si se ha hecho click en el contenedor o en el propio div.
Saludos (:

DavidBL · #3 (**permalink**) 18/07/2011, 10:04

¿Algo así?

Cita:

<html><head><script type="text/javascript">
function elemento(e){
if (e.srcElement){
elementoid = e.srcElement.id;
}
else if (e.target) {
elementoid = e.target.id;
}
if(elementoid == "div1"){
document.getElementById('div1').style.visibility = 'hidden';
}
}
</script></head><body onmousedown="elemento(event);">
<div id="div1"></div></body></html>

_cronos2 · #4 (**permalink**) 18/07/2011, 10:21

Sí, algo más o menos así.
Saludos (:

DavidBL · #5 (**permalink**) 18/07/2011, 11:08

Cita:

Iniciado por _cronos2

Sí, algo más o menos así.
Saludos (:

Bueno,me acabo de fijar en el error, no es

Cita:

<html><head><script type="text/javascript">
function elemento(e){
if (e.srcElement){
elementoid = e.srcElement.id;
}
else if (e.target) {
elementoid = e.target.id;
}
if(elementoid == "div1"){
document.getElementById('div1').style.visibility = 'hidden';
}
}
</script></head><body onmousedown="elemento(event);">
<div id="div1"></div></body></html>

Es

Cita:

<html><head><script type="text/javascript">
function elemento(e){
if (e.srcElement){
elementoid = e.srcElement.id;
}
else if (e.target) {
elementoid = e.target.id;
}
if(elementoid != "div1"){
document.getElementById('div1').style.visibility = 'hidden';
}
}
</script></head><body onmousedown="elemento(event);">
<div id="div1"></div></body></html>

Un saludo, y mil gracias :)

_cronos2 · #6 (**permalink**) 18/07/2011, 11:13

Ups, sólo comprobé que el código era correcto, no que tuviera sentido

DavidBL · #7 (**permalink**) 18/07/2011, 11:18

Gracias igualmente :)

jporsi · #8 (**permalink**) 19/07/2011, 15:42

davidbl soy juan pablo comunicate conmigo apenas leas esto por favor es por al web...