colorare una riga della tabella

[maolu]

Ciao a tutti.
Ho una tabella del genere:

| voceA | dataA | opzioneA |
| voceB | dataB | opzioneB |
| voceC | dataC | opzioneC |
ecc.ecc

Ora io vorrei che quando il puntatore del mouse finisce su una qualsiasi cella, all'intera riga venga cambiato il colore di fondo.

Per capirci, che io mi posizioni su "voceB", "dataB", "opzioneB", tutte e tre devono cambiare colore, e cosi' per ogni riga.

E' possibile fare cio'?

[Francis87]

<style>
.on { background-color: white; }
.off { background-color: yellow; }
</style>

...

<script>
function change(row,style) {
 for (var i=1; i<=3; i++) {
  document.getElementById(row+i).className=style;
 }
}
</script>

...

<table>
 <tr>
  <td id="a1" onMouseOver="change('a','on');" onMouseOut="change('a','off');" style="off"></td>
  <td id="a2" onMouseOver="change('a','on');" onMouseOut="change('a','off');" style="off"></td>
  <td id="a3" onMouseOver="change('a','on');" onMouseOut="change('a','off');" style="off"></td>
 </tr>
 <tr>
  <td id="b1" onMouseOver="change('b','on');" onMouseOut="change('b','off');" style="off"></td>
  <td id="b2" onMouseOver="change('b','on');" onMouseOut="change('b','off');" style="off"></td>
  <td id="b3" onMouseOver="change('b','on');" onMouseOut="change('b','off');" style="off"></td>
 </tr>
 <tr>
  <td id="c1" onMouseOver="change('c','on');" onMouseOut="change('c','off');" style="off"></td>
  <td id="c2" onMouseOver="change('c','on');" onMouseOut="change('c','off');" style="off"></td>
  <td id="c3" onMouseOver="change('c','on');" onMouseOut="change('c','off');" style="off"></td>
 </tr>
</table>

se funziona sono molto contento.
non l'ho provato, e' solo un'ideuccia che ritengo carina.

[maolu]

Ciao, grazie per la risposta.
Mi scuso ma non capisco per quale motivo ho accidentalmente inserito due post uguali!!!

La discussione nel frattempo era andata avanti qui:
http://forum.html.it/forum/showthrea...hreadid=696422

Il tuo codice non l'ho provato, ma secondo me non fa quello che cerco io.
I tuoi mouseOver/mouseOut sono assegnati alla singola cella, mentre io vorrei colorare l'intera riga.

Ad ogni modo, come leggerai nel "post gemello" ho risolto! ^_^

Grazie ancora e ciao!

[Francis87]

peccato che tu non conosca javascript, non abbia provato il mio esempio, e faccia post uguali.

questo dovrebbe funzionare alla perfezione

[Sora88]

per far funzionare il tuo l'id andava a <tr> e non a <td> perche se hai piu <td> ti colora solo la cella ^^