Jag har en tabell som när jag drar musen över en rad (TR) så ändrar jag backgroundColor på raden:
<code>
<tr onmouseover="this.style.backgroundColor='#ffffff';" onmouseout="this.style.backgroundColor='#eaeaea';">
</code>
Hur gör jag som jag vill ändra backgroundColor på raden under och raden över samtidigt när jag drar musen över en rad?

du kommer åt aktuellt index genom <b>this.rowIndex</b>

sätt ett id på din tabell och gör nåt i stil med följande

table = document.getElementById("ditt_tabell_id");
table.rows[this.rowIndex -1].style.backgroundColor = "#fff";
table.rows[this.rowIndex +1].style.backgroundColor = "#eaeaea";

Jag får det inte att funka, antar att jag sätter id på table fel...
<code>
<table id="tabell">
</code>

table = document.getElementById("tabell");

det ser nog rätt ut, eventuellt kan du ju testa att byta ut javascript variabelns namn till nåt annat än table och se om det har nån betydelse?

Jag antar att du kollat att koden körs när du gör en mouseover på en rad?

har du koden online kan du ju skicka en länk om du inte får det att funka.

Jag har inte koden online så jag lägger in det här istället:

<script language="JavaScript">
function bg_tr(tr_rad, in_tr, top_tr) {

	tabell_id = document.getElementById("tabell_1");

	if (in_tr == 1) {
		tr_color = "#fff";
	} else {
		tr_color = "#eaeaea";
	}

	if (top_tr == 1) {
		tabell_id.rows[tr_rad.rowIndex - 1].style.backgroundColor = tr_color;
		tr_rad.style.backgroundColor = tr_color;
	} else {
		tabell_id.rows[tr_rad.rowIndex + 1].style.backgroundColor = tr_color;
		tr_rad.style.backgroundColor = tr_color;
	}
}
</script>

<table id="tabell_1">
<tr onmouseover="bg_tr(this, 1, 1);" onmouseout="bg_tr(this, 0, 1);">
<td>
</td>
</tr>
<tr onmouseover="bg_tr(this, 1, 0);" onmouseout="bg_tr(this, 0, 0);">
<td>
</td>
</tr>
</table>

Det låter som om du har syntaxfel i något script. Har du webbläsaren inställd så att javascript-felmeddelanden visas? Annars visas de bara som en varningsskylt i statusraden.