body onclick

**dadolicchio** · 12-03-2011, 14:47

ciao a tutti. io sto scrivendo uno script moolto semplice dove clickando su un link si visualizza un div. io pero vorrei che clicckando in qualunque parte della pagina il div su richiudesse. ecco il codice:

codice:

<html>
<head>
<script type="text/javascript" language="javascript">
function visualizza(id){
  if (document.getElementById){
    if(document.getElementById(id).style.display == 'none'){
      document.getElementById(id).style.display = 'block';
    }else{
      document.getElementById(id).style.display = 'none';
    }
}
}
function visualiz(){
    if(document.getElementById('a').style.display == 'block'){
      document.getElementById('a').style.display = 'none';
}
}
</script>
</head>
<body>
<div id="a_h"><a href="#" onclick="visualizza('a'); return false">
[img]freccia.jpg[/img]</a></div>
<div id="a" style="display:none">a</div>
ciao
</body>
</html>

il fatto è che se clicko su "ciao" funziona mentre se l'evento ONCLICK lo metto al body il div non si apre piu.

**cavicchiandrea** · 12-03-2011, 18:32

Fai cosi:

codice:

<html>
<head>
<script type="text/javascript" language="javascript">
function visualizza(id){
  if (document.getElementById){
    if(document.getElementById(id).style.display == 'none'){
      document.getElementById(id).style.display = 'block';
document.getElementsByTagName("html")[0].onclick=function(){visualiz();};
    }else{
      document.getElementById(id).style.display = 'none';
    }
}
}
function visualiz(){
    if(document.getElementById('a').style.display == 'block'){
	document.getElementsByTagName("html")[0].onclick='';
      document.getElementById('a').style.display = 'none';
}
}
</script>
</head>
<body>
<div id="a_h"><a href="#" onclick="visualizza('a'); return false">
[img]freccia.jpg[/img]</a></div>
<div id="a" style="display:none">a</div>
ciao
</body>
</html>

Discussione: body onclick

Strumenti discussione

Ricerca discussione

Visualizza

body onclick

Permessi di invio