Ciao a tutti...
avrei un problemino:
ho inserito nella mia pagina web la possibilità di fare una ricerca in un db, con la casella di testo e un div che contiene i risultati.vorrei che quando un utente clicca fuori dal div, il div scomparisse!!!!
c'è un modo per farlo???
gli eventi risalgono l' alberatura, quindi a meno che un elemento non catturi ed esplicitamente cancelli la fase di bubble dell' evento il click arrivera' al body
e' li' che devi registrare l'onclick, facendo attenzione che il click non provenga dal campo di testo stesso o dal livello contenente i risultati della ricerca
usi jquery?
lascia comunque un link al documento se vuoi che qualcuno vi dia un' occhiata
grazie mille per la risposta
no, nn uso jquery! so dell'evento OnClickOut di jquery ma non mi va di inserirlo sul sito.
non ho capito bene cosa intendi con ciò che hai detto prima, non sono un mago con javascript
ma sto imparando
jquery non ha nessun onclickout
comunque eccoti un esempio veloce, a te adattarlo alla tua situazione
se vuoi capirne di piu':
http://javascript.html.it/articoli/l...-e-javascript/
http://javascript.html.it/articoli/l...ser-ed-esempi/
ciao
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 {height:100%;margin:0;} #contenitoreIninfluente { border:2px solid #efefef; width:500px; height:500px; } #contenitore { border:1px solid #900; width:300px; } #cerca {width:150px} #risultati { width:150px; background:#eaeaea; } ul {margin:0;padding:0;list-style-type:none} li {border:1px solid #cdcdcd} </style> <script type="text/javascript"> /*<![CDATA[*/ function isContained(el,into){ while(el){ if(el==into) return true; el=el.parentNode; } return false; } function setBodyOnclick(){ document.body.onclick=function(e){ if(!e) e=event; var trgt=e.target||e.srcElement; var container=document.getElementById('contenitore'); if(!isContained(trgt,container)){ alert('chiudo "risultati" e richiamo "removeBodyOnclick()"'); } } } function removeBodyOnclick(){ document.body.onclick=null; } window.onload=setBodyOnclick; /*]]>*/ </script> </head> <body> <div id="contenitoreIninfluente"> <div id="contenitore"> <form> <input type="text" id="cerca" name="cerca" /> <input type="button" value="cerca" /> </form> <div id="risultati"> <ul> [*]risultato 1 [*]risultato 2 [*]risultato 3[/list] </div> </div> </div> </body> </html>
GRAZIE MILLE!!!! SEI UN FENOMENO
Permessi di invio
Rispondi quotando