Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2012
    Messaggi
    2

    checkbox riga cliccabile tabella

    ciao a tutti
    ho trovato nel forum questo script :

    codice:
    <style type="text/css">
    table {width:100%;border-collapse:collapse;}
    tr.cell1 {background-color:#ccc}
    tr.cell2 {background-color:#999}
    tr.cell8 {background-color: #808000
    }
    
    tr.on {background-color:#666}
    </style>
    
    <script type="text/javaScript">
    function evidenziaTd(ck){
    	var flag=ck.checked;
    	while(ck=ck.parentNode){
    		if(ck.tagName=='TR'){
    			if(!flag) ck.className=ck.className.replace(' on','');
    			else if(ck.className.indexOf(' on')<0) ck.className+=' on';
    		}
    	}
    }
    window.onload=function(){
    	var t=document.getElementById('tabella');
    	t.onclick=function(e){
    		e=e||event;
    		var src=e.target||e.srcElement;
    		if(src.tagName=='INPUT' && src.type=='checkbox'){
    			evidenziaTd(src);
    		}
    		else {
    			if(src.tagName!='LABEL'){
    				var found=true;
    				while(src.tagName!='TR'){
    					if(src==t){found=false; break;}
    					src=src.parentNode;
    				}
    				if(found){
    					var els=src.getElementsByTagName('input');
    					for(var k=0,l=els.length;k<l;k++){
    						if(els[k].type=="checkbox"){
    							els[k].checked=!els[k].checked;
    							evidenziaTd(els[k]);
    						}
    					}
    				}
    			}
    		}
    
    	}
    }
    </script>
    <form>
    <table id="tabella">
    <tbody>
      <tr class="cell1">
        <td><input id="ch1" type="checkbox"><label for="ch1">prova</label></td>
      </tr>
      <tr class="cell2">
        <td><input id="ch2" type="checkbox"><label for="ch2">prova</label></td>
      </tr>
      <tr class="cell1">
        <td><input id="ch3" type="checkbox"><label for="ch3">prova</label></td>
      </tr>
      <tr class="cell2">
        <td><input id="ch4" type="checkbox"><label for="ch4">prova</label></td>
      </tr>
      <tr class="cell1">
        <td><input id="ch5" type="checkbox"><label for="ch5">prova</label></td>
      </tr>
      <tr class="cell2">
        <td><input id="ch6" type="checkbox"><label for="ch6">prova</label></td>
      </tr>
    </tbody>
    </table>
    </form>
    rende in sostanza la riga della tabella cliccabile, stile phpmyadmin.
    Se però nella riga della tabella avessi un link che riporta a una pagina esterna al sito, oppure un link che apre una pagina interna al sito, come faccio a disabilitare questa funzione evitando che mi spunti la checkbox?

    grazie in anticipo

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2011
    Messaggi
    229
    Hai fatto un prova?

    Credo che clikki sul link (all'interno della riga) il browser ti apre il link stesso, non ti spunta il chkbox, test it!

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2012
    Messaggi
    2
    grazie della risposta !

    sisi comunque ho gia fatto una prova, il link lo apre ma allo stesso tempo mi spunta la checkbox..

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2011
    Messaggi
    229
    Con le tabelle non vado molto d accordo...Hai risolto?

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.