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

    Modifica colore riga tabella

    Non riesco a capire perchè non mi funziona.
    Al passaggio del mouse la riga della tabella deve cambiare colore.
    codice:
    <script language="JavaScript" type="text/javascript">
    function MOver(riga) {
    	document.getElementById(riga).style='background-color:#ff0000';
    }
    </script>
    
    <table>
    <tr id="Rg1" style="background-color:#00ff00" onMouseOver="MOver('Rg1')"><td>uno</td></tr>
    <tr id="Rg2" style="background-color:#00ff00" onMouseOver="MOver('Rg2')"><td>due</td></tr>
    <tr id="Rg3" style="background-color:#00ff00" onMouseOver="MOver('Rg3')"><td>tre</td></tr>
    <tr id="Rg4" style="background-color:#00ff00" onMouseOver="MOver('Rg4')"><td>quattro</td></tr>
    <tr id="Rg5" style="background-color:#00ff00" onMouseOver="MOver('Rg5')"><td>cinque</td></tr>
    </table>
    mi dice che non trova l'elemento.

    Dove sto toppando?
    Io nella vita ho visto cose che voi astemi neanche potete immaginare.

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    document.getElementById(riga).style.backgroundColo r='#ff0000';

  3. #3
    prova con
    document.getElementById(riga).style.backgroundColo r = '#ff0000';

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    se usi gli id solo per questo puoi pensare di fare direttamente
    <tr style="background-color:#00ff00" onMouseOver="MOver(this)"><td>uno</td></tr>

    function MOver(riga) {
    riga.style.backgroundColor='#ff0000';
    }

  5. #5
    grazie!
    Infatti sbagliavo a scrivere background-color invece di backgroundColor con una sintassi diversa.
    Io nella vita ho visto cose che voi astemi neanche potete immaginare.

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.