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

    Escludere un checkbox da evento esterno

    Salve,
    io ho una lista di voci, una per riga (non un vero e proprio grid, ma nemmeno una tabella).
    Cliccando su un punto qualsiasi della riga (fatta con un div), si apre una finestra con i dettagli.
    Il problema è che all'interno della riga c'è un checkbox, cliccando sul quale si apre la finestra, così come accade sul resto della riga. Invece io vorrei che cliccando sul checkbox venisse escluso l'effetto del click sul resto della riga.
    Ma invece su tutto il resto della riga (spazi inclusi) vorrei si aprisse il popup.
    Esempio:
    <div onclick="window.open('art.php?id=1')">
    <input type='checkbox'>
    <span>Articolo 1</span>
    <span>Info aggiuntive ecc.</span>
    </div>
    Grazie a chi saprà consigliarmi...

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    serve l' oggetto event e verificare da quale elemento e' scaturito l' evento,
    procedendo solo in caso non sia scaturito dall' input
    codice:
    <script type="text/javascript">
    function funzione(e){
    	e=e||window.event;
    	var source=e.target||e.srcElement;
    	if(source.tagName.toLowerCase()!='input'){
    
    		// fai quello che devi fare, per esempio:
    		alert("click sul div ma non su checkbox");
    
    	}
    }
    </script>
    codice:
    <form>
    <div onclick="funzione(event)">ciao <input type="checkbox" /> mondo</div>
    </form>
    ciao

  3. #3

    Grazie

    Ottimo, grazie!
    Implementato, testato e funzionante con FF2, IE7, Safari (per Windows).

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.