Evento onClick JS

tomirammstein · #1 (**permalink**) 19/09/2011, 20:36

Hola, amigos, tengo un pequeño y humilde programita en JS, es ONCLICK; es un menu desplegable;se abre cuando se clickea su div contenedor, per lo que quiero es que no solo se cierre cuando se clickea de nuevo el div que lo abrio, sino que se cierre al clickear cualquier elemento del documento, como el body, un formulario, una parte de la cabecera, etc.
¿Alguien me da una mano? muchas gracias; dejo el codigo abajo:

<script language="javaScript">
function mostrarMenu(objeto){
var Deslizar = document.getElementById('aDeslizar');
Deslizar.style.display='block';
Deslizar.style.visibility='visible';
document.getElementById('opcionesDeCuenta').style. backgroundColor="#23556D";
document.getElementById('arrow').childNodes[0].nodeValue="▲";
objeto.onclick= function(){esconderMenu(objeto)};}

function esconderMenu(objeto){
var Esconder = document.getElementById('aDeslizar');
Esconder.style.display='none';
Esconder.style.visibility='hidden';
document.getElementById('arrow').childNodes[0].nodeValue="▼";
document.getElementById('opcionesDeCuenta').style. background='none';
objeto.onclick = function(){ mostrarMenu(objeto)};}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
</script>

Franz1628 · #2 (**permalink**) 19/09/2011, 22:07

te puedo dar un ejemplo si te ayuda

Código HTML:

Ver original<html>
<head>
<script>
window.onclick=function (){
 
    alert("hola")
}
</script>
</head>
 
<body>
<div>Primer Div</div>
<div>Segundo Div</div>
<div>Tercer Div</div>
</body>
 
</html>