Funzione semplice per cambi colore riga non funziona su firefox

**Teuzzo** · 07-10-2010, 15:07

Ho fatto una funzione semplicissima per cambiare al click del maouse il colore di background della riga cliccata di una tabella.
Vorrei che cliccando cambi colore e ricliccando tolga il colore.
Funziona su ie ma non su firefox.
Come mai?
Ecco il codice:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
	<HEAD>
		<script type="text/javascript">
			<!--
			function bgriga( id, color )
			{
				var riga = document.getElementById( id );
				if( riga.style.background != color ) riga.style.background = color;
				else riga.style.background = '';
			}
			//-->
		</script>
	</HEAD>
	<body>
		<table>
			<tr onclick="bgriga('tr_1', '#cccccc')" id="tr_1">
				<td>1</td>
				<td>2</td>
				<td>3</td>
			</tr>
			<tr onclick="bgriga('tr_2', '#cccccc')" id="tr_2">
				<td>a</td>
				<td>b</td>
				<td>c</td>
			</tr>
			<tr onclick="bgriga('tr_3', '#cccccc')" id="tr_3">
				<td>x</td>
				<td>y</td>
				<td>z</td>
			</tr>
		</table>
	</body>
</html>

**Xinod** · 07-10-2010, 15:25

dopo var riga = document.getElementById( id );
guarda da solo cosa ti ritrovi nel background
alert(riga.style.background )
e vedi se e' plausibile porre una condizione come
if(riga.style.background != color)

fai tutto con le classi, settando e leggendo il className
prima di tutto ti eviti di dover convertire un colore che tu esprimi in triplette di esadecimali, ma che il browser restituisce come meglio preferisce (FF per esempio in rgb())
poi alla lunga ti semplifica la vita perche' non impone stili inutili in linea e ti permette di usare nomi di classi che possono avere un significato aldila' di come rappresentano gli elementi
(.evidenziato oggi e' giallo domani e' blu, il senso non cambia: l' elemento e' sempre evidenziato)

ciao

Discussione: Funzione semplice per cambi colore riga non funziona su firefox

Strumenti discussione

Ricerca discussione

Visualizza

Funzione semplice per cambi colore riga non funziona su firefox

Permessi di invio