Newsgroup: it.comp.lang.javascript
Titolo: Colorare il testo

Salve,
Ho una tabella dove tutti i tr hanno un id, al passaggio del mouse la riga
in questione deve cambiare colore di background e il colore del testo...
ci ho provato da solo e sono riuscito solo a cambiare il background.. il
testo non mi cambia.. come faccio.. qui sotto c'è la mia prova...
Grazie mille...
<html>
<head>
</head>
<script language="javascript">
function onmouseover_tr(obj)
{
	obj.bgColor="003399";
	obj.fgColor="ff9933";
}
function onmouseout_tr(obj)
{
	obj.bgColor="00ccff";
	obj.fgColor="ffff00";
}
function onclick_tr(num)
{
	document.location.href="apriCliente.jsp?idCliente=" + num + "&cas=" +
Math.random();
}
function nuovoCliente(nome,cognome)
{
	document.location.href="inserimentoDati2.jsp?nome=" + nome + "&cognome="
+ cognome + "&cas=" + Math.random();
}
</script>
<body>
<table id=listaIndirizzi border=1>
<thead border=1 id="listaIndirizziHead" >
	<tr>
		<td width="20%">
			nome
		</td>
		<td width="20%">
			cognome
		</td>
		<td width="20%">
			indirizzo
		</td>
		<td width="20%">
			n
		</td>
	</tr>
</thead>
<tbody id="listaIndirizziBody" border=1  style="OVERFLOW: scroll" >	<tr
id=tr2 onmouseover=javascript:onmouseover_tr(tr2)
 onmouseout=javascript:onmouseout_tr(tr2)
onclick=javascript:onclick_tr(4)>
		<td width="20%">
			Mario
		</td>
		<td width="20%">
			Rossi
		</td>
		<td width="20%">
			via Calazzi
		</td>
		<td width="20%">
			9
		</td>
	</tr>
	<tr id=tr3 onmouseover=javascript:onmouseover_tr(tr3)
 onmouseout=javascript:onmouseout_tr(tr3)
onclick=javascript:onclick_tr(6)>
		<td width="20%">
			Mario
		</td>
		<td width="20%">
			Rossi
		</td>
		<td width="20%">
			pelandroni
		</td>
		<td width="20%">
			12
		</td>
	</tr>
	<tr id=tr0 onmouseover=javascript:onmouseover_tr(tr0)
 onmouseout=javascript:onmouseout_tr(tr0)
onclick=javascript:onclick_tr(1)>
		<td width="20%">
			aldo
		</td>
		<td width="20%">
			rossi
		</td>
		<td width="20%">
			via brizzi
		</td>
		<td width="20%">
			9
		</td>
	</tr>
	<tr id=tr1 onmouseover=javascript:onmouseover_tr(tr1)
 onmouseout=javascript:onmouseout_tr(tr1)
onclick=javascript:onclick_tr(3)>
		<td width="20%">
			fino
		</td>
		<td width="20%">
			rossi
		</td>
		<td width="20%">
			vaia brizzi
		</td>
		<td width="20%">
			9
		</td>
	</tr>
</tbody>
<tr id=trNuovo onmouseover=javascript:onmouseover_tr(trNuovo) 
onmouseout=javascript:onmouseout_tr(trNuovo) 
onclick=javascript:nuovoCliente("Mario","Rossi") >
	<td colspan=4>Nuovo cliente</tr> </tr>
</table>
</body>
</html>
-- 
questo articolo e` stato inviato via web dal servizio gratuito 
http://www.newsland.it/news
 segnala gli abusi ad 
ab...@newsland.it

prova ad usare obj.style.color='xxxxxx' e obj.style.backgroundColor='xxxxxx'

 
Questo codice cambia il colore al testo e allo sfondo di un'intera riga.
Da notare il fatto che in uscita la riga riassume il colore che aveva in
partenza, sia per lo sfondo che per il testo (precedentemente memorizzato
in colore_tmp_fore e colore_tmp_back).
<html>
  <head>
    <title></title>
        <script type="text/javascript">
                colore_tr_back="red";
                colore_tr_fore="blue";
        </script>
  </head>
  <body>
        <table border="1">
                <tr
onmouseover="colore_tmp_back=this.bgColor;colore_tmp_fore=this.style.color;this.bgColor=colore_tr_back;this.style.color=colore_tr_fore;"
onmouseout="this.style.color=colore_tmp_fore;this.bgColor=colore_tmp_back;">
                        <td>ciao</td>
                        <td>come stai ?</td>
                </tr>
  </body>
</html>
-- 
Ciao,
        Fabrizio
<=- 
http://www.negusweb.it
 -=>