cambia colore a una riga

[unreg]

Salve,

ho una pagina xhtml e css che presenta dei dati messi in una tabella con più colonne:

...
  <tr id="tr1">
    <td>Colora</td>
    <td>Riga 1</td>
  </tr>
  <tr id="tr2">
    <td>Colora</td>
    <td>Riga 2</td>
  </tr>
  <tr id="tr3">
    <td>Colora</td>
    <td>Riga 3</td>
  </tr>
  <tr id="tr4">
    <td>Colora</td>
    <td>Riga 4</td>
  </tr>
...

Tramite js è possibile per caso passando l'id della riga fargli cambiare colore di sfondo e ricliccandola farla tornare normale ?

inoltre deve avere un controllo che non permettere di cambiare colore a più di una riga,
cioè se io ho già cambiato colore a una riga e ne clicco un'altra la prima ritorna normale metre la seconda si colora.

si può fare una cosa del genere con js ?

grazie 1000000000 !

[Threepwood]

se vuoi cambiare colore alla riga allora devi fare qualcosa di questo genere:

 <td id="td_generale" >
     <a href="#" 
         onMouseOver="document.getElementById('td_generale').style.backgroundColor='#BB0400';
          this.style.color='#FFFFFF';" 

        OnMouseOut="document.getElementById('td_generale').style.backgroundColor='';
        this.style.color='#000001'">
CIAO</a>

</td>

[unreg]

grazie ma mi serve una cosa del genere:

<script>
function colora(v) {
  obj = document.getElementById("td"+v)
  if (obj.style.backgroundColor!="#FFE1E1") {
    obj.style.backgroundColor="#FFE1E1";
  } else {
    obj.style.backgroundColor="";
  } 
}
</script>

che però mi permette di colorare solo una riga,
cioè se io ne clicco un'altra la riga colorata in precedenza torna normale e colora quella nuova.

grazie !

[unreg]

up

[unreg]

up

[RobMcSword]

nn sono sul mio computer quindi ti do' solo le indicazioni come fare. (non guardare l'esattezza delle dichiarazioni, e' per darti l'idea)

menuprec=1;

poi apriamo una funzione per cambiare colore

function (colpartenza){
document.getElementById('colpartenza').style.backg roundColor='#BB0400';
document.getElementById('menuprec').style.backgrou ndColor='#000000';
menuprec=colpartenza;
}

richiamerai poi la funzione al click sul link passandogli l'id

ripeto: il codice non e' giusto, questa e' solo l'idea

[Anªkin]

prova questo codice:

var current = false
function color(obj){
	var flag = (obj.style.backgroundColor=='#ccc' || obj.style.backgroundColor=='rgb(204, 204, 204)')
	obj.style.backgroundColor = (flag) ? '' : '#ccc'

	if (current && current!=obj)
		current.style.backgroundColor = ''
	
	current = obj
}

poi nei TR che ti interessano ci metti

<tr onclick="color(this)">