Visualizzazione dei risultati da 1 a 7 su 7

Discussione: dom

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2005
    Messaggi
    336

    dom

    Salve stavo consultando la guida DOM presente nel sito e ho traovato il seguente codice:
    -------------------------------------------------------------------------------
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
    <title>Pagina senza titolo</title>
    <script language="javascript" type="text/javascript">
    colore = new Array("red","orange","green");

    function colore_celle() {
    if(document.getElementById && document.getElementsByTagName) {
    celle = document.getElementById("r3").getElementsByTagName ("td");

    for(i=0; i < celle.length; i++)
    celle[i].style.color = colore[i];
    }
    }

    </script>

    </head>
    <body>
    <table border="1" id="tabella1">
    <tr>
    <td>cella 0</td>
    <td>cella 1</td>
    <td>cella 2</td>
    </tr>
    <tr id="r3">
    <td id="c3">cella 3</td>
    <td>cella 4</td>
    <td>cella 5</td>
    </tr>
    </table>


    <input id="button1" type="button" value="CambiaColore" onclick="colore_celle()" />



    </body>
    ------------------------------------------------------------------------------

    Come potete constatare il codice è molto semplice e serve a cambiare colore nelle celle dell'ultima riga della tabella. Adesso avevo questo obiettivo: realizzare un programma che chieda un valore che serva a individuare qualunque riga e cambiarla successivamente di colore. Come dovrebbe cambiare il codice?

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2005
    Messaggi
    336
    e se poi voglio dare all'utente la possibilità di cambiare colore anche alla singola cella?

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2005
    Messaggi
    336
    INFATTI COME TI DICEVO DALLA GUIDA DOM HO TROVATO IL CODICE PROPOSTO. LA GUIDA DOM L'HO LETTA

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2005
    Messaggi
    336
    io ho provato questo semplice codice ma non funziona:

    <script language="javascript" type="text/javascript">
    colore = new Array("red","orange","green");
    function colore_celle() {
    if(document.getElementsByTagName && document.createTextNode)
    {
    // prende per riferimento il contenitore della tabella
    div = document.getElementById("tabella_esempio");



    cella = div.getElementsByTagName("TD");
    cella[0].style.color = colore[0];
    }
    else alert("metodo W3C non)


    </script>

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2005
    Messaggi
    336
    p.s. manca nel codice che ti ho scritto una parentesi graffa finale, lo aggiunta ma il codice non funziona ugualmente.
    eppure mi sembra molto semplice

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2005
    Messaggi
    336
    ok. ho trovato l'errore adesso va tutto bene. grazie.

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.