Visualizzazione dei risultati da 1 a 8 su 8

Hybrid View

  1. #1
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,780
    Questo è in semplice JavaScript:
    codice:
    <script>
      var cyl = document.getElementsByName("cyl");
      var idcyl = cyl.length;
      while (idcyl--){cyl[idcyl].onclick = evidenziaCella};
      function evidenziaCella(){
        var idcyl = cyl.length;
        while (idcyl--){
          cyl[idcyl].parentNode.style.backgroundColor = cyl[idcyl].checked ? "#F5BB8E" : "white";
        }
      }
      evidenziaCella();
    </script>
    Ti basterà mettere questo blocco di script direttamente nell'html dopo la chiusura della tabella.
    A quel punto non ti servirà più avere l'onclick sui singoli radio, dovrai quindi eliminarlo.

    Chiaramente devi assicurarti che i vari radio appartengano allo stesso gruppo, cioè abbiano tutti name="cyl".
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  2. #2
    Utente di HTML.it L'avatar di Valeria89
    Registrato dal
    Apr 2015
    residenza
    Pisa
    Messaggi
    129
    Quote Originariamente inviata da KillerWorm Visualizza il messaggio
    Questo è in semplice JavaScript:
    codice:
    <script>
      var cyl = document.getElementsByName("cyl");
      var idcyl = cyl.length;
      while (idcyl--){cyl[idcyl].onclick = evidenziaCella};
      function evidenziaCella(){
        var idcyl = cyl.length;
        while (idcyl--){
          cyl[idcyl].parentNode.style.backgroundColor = cyl[idcyl].checked ? "#F5BB8E" : "white";
        }
      }
      evidenziaCella();
    </script>
    Ti basterà mettere questo blocco di script direttamente nell'html dopo la chiusura della tabella.
    A quel punto non ti servirà più avere l'onclick sui singoli radio, dovrai quindi eliminarlo.

    Chiaramente devi assicurarti che i vari radio appartengano allo stesso gruppo, cioè abbiano tutti name="cyl".
    Grazie gentilissimo!

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 © 2026 vBulletin Solutions, Inc. All rights reserved.