cambiare il colore di sfondo riga tabella con un pulsante

**theseo** · 05-08-2010, 21:30

avrei l'esigenza di inserire in ogni riga di una tabella un pulsante che mi permetta di cambiare il colore di sfondo della relativa riga.
Dopo aver cliccato sul pulsante, il colore deve rimanere cambiato anche se vado su altre righe e clicco su altri pulsanti
Esempio: la riga della tabella ha un bgcolor="#FFFFCC" io clicco sul pulsante e la riga cambia il bgcolor="#FFFFFF" e rimane così fino a quando non riclicco

Non so da che parte iniziare per farlo.... ho trovato questo topic
http://forum.html.it/forum/showthrea...sfondo+tabella
ma non è proprio quello che cerco io

**cavicchiandrea** · 05-08-2010, 23:51

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function EvidenzaRiga(tasto,riga){
tasto.value = (tasto.value=='evidenza riga')? 'disattiva riga' : 'evidenza riga'; 
document.getElementById('riga_'+riga).className = (tasto.value=='disattiva riga')? 'select' : 'normal';
tasto.className = (tasto.value=='disattiva riga')? 'but_on' : 'but_off';
}
</script>
<style type="text/css">
tr.normal{background-color:#C90}
tr.select{background-color:#CC6}
.but_on{background-color:#996;}
.but_off{background-color:#CCC;}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="1" cellpadding="1">
  <tr id="riga_0" class="normal">
    <td></td>
    <td></td>
    <td><input name="evidenza_0" class="but_off" type="button" id="evidenza_0" value="evidenza riga" onclick="EvidenzaRiga(this,0)" /></td>
  </tr>
  <tr id="riga_1" class="normal">
    <td></td>
    <td></td>
    <td><input name="evidenza_1" type="button" class="but_off" id="evidenza_1" onclick="EvidenzaRiga(this,1)" value="evidenza riga" /></td>
  </tr>
  <tr id="riga_2" class="normal">
    <td></td>
    <td></td>
    <td><input name="evidenza_2" type="button" class="but_off" id="evidenza_2" onclick="EvidenzaRiga(this,2)" value="evidenza riga" /></td>
  </tr>
</table>
</body>
</html>

**theseo** · 06-08-2010, 12:38

figata
bellissimo!!!!!!!!!
grazie!!!!!!!!!

Discussione: cambiare il colore di sfondo riga tabella con un pulsante

Strumenti discussione

Ricerca discussione

Visualizza

cambiare il colore di sfondo riga tabella con un pulsante

Permessi di invio