Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Detect click fuori da un box

    Mi servirebbe qualcosa per nascondere un div quando si clicca fuori da esso.
    Come posso fare?

  2. #2

  3. #3
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    <style type="text/css">
    html, body {
    	margin:0;
    	padding:0;
    	width:100%;
    	height:100%;
    }
    #divId {
    	position:absolute;
    	top:100px;
    	left:100px;
    	border:1px solid #f00;
    	background-color:#9c3;
    	padding:10px;
    }
    </style>
    <script type="text/JavaScript">
    /*<![CDATA[*/
    function clickDetect(e){
    	if(!e) e=window.event;
    	var src=(e.target)?e.target:e.srcElement;
    	while(src){
    		if(src.id && src.id=='divId') return;
    		src=src.parentNode;
    	}
    	document.getElementById('divId').style.visibility='hidden';
    }
    
    window.onload=function(){
    	document.body.onclick=clickDetect;
    }
    /*]]>*/
    </script>
    </head>
    <body>
    <div id="divId">
    
    paragrafo contenente un link</p></div>
    link esterno al div
    </body>
    </html>
    http://javascript.html.it/articoli/l...-e-javascript/
    http://javascript.html.it/articoli/l...r-ed-esempi/1/

    ciao

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.