Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2007
    Messaggi
    2

    cambiare colore di fondo tabelle

    Raga su questo forum ho trovato questo codice:

    <Head><script type="text/javascript">
    <!--
    var cell_obj = null;

    function setup ()
    {
    var table_obj = document.getElementById ("tab1");
    var td_objs = table_obj.getElementsByTagNameb ("td");

    for (var i = 0; i < td_objs.length; i++)
    td_objs[i].onclick = click_func;
    }

    function click_func (e)
    {
    if (cell_obj != null)
    cell_obj.style.background = "white";

    this.style.background = "yellow";

    cell_obj = this;
    }

    //-->
    </script>
    </head>
    <body onload="setup()">

    <table border="1" id="tab1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
    <tr>
    <td width="50%"></td>
    <td width="50%"></td>
    </tr>
    <tr>
    <td width="50%"></td>
    <td width="50%"></td>
    </tr>
    <tr>
    <td width="50%"></td>
    <td width="50%"></td>
    </tr>
    </table>

    </body>




    che permette di cambiare il colore dello sfondo della tabella al click del mouse, ma non riesce a ristabilire il colore di partenza con il click successivo........ Come si deve modificare il codice per poter far si che conn il successivo click lo sfondo della tabella ritorni ad essere quello di partenza?
    Vorrei inoltre sapere se è possibile cambiare diversi colori dello sfondo di una cella con diversi click in successione del mouse.....

  2. #2
    Utente di HTML.it
    Registrato dal
    Aug 2007
    Messaggi
    2
    Scusa ma prima ho sbagliato codice.......

    Vorrei sapere come si deve modificare il seguente codice:



    <Head>
    <script type="text7javascript">
    function prova (chg)
    {
    var numerotr=document.getElementsByTagName("tr").lentg h;
    for (d=0; d<numerotr;d++){

    document.getElementsByTagName("tr") [d].style.background='white';
    }
    chg.style.background='red';
    }
    </script></head>
    </body>
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
    <tr onclick="prova(this)">
    <td width="100%"></td>
    </tr>
    </table>
    </body>

    per far si che con click sussessivi si possa far assumere diversi colori di sfondo alla cella , fino a ritornare a quello di partenza......

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.