OnMouse over i tabellcell

6 svar · 216 visningar · startad av jonne 28 jan. 2002

jonneMedlem sedan jan. 20011 154 inlägg

Trådstart28 jan. 2002 23:25#1

Med denna snutt kan jag ju ändra bg färgen i en tabellcell vid onMouseOver

onMouseOver='mOvr(this,"#97A8D2");' onMouseOut='mOut(this,"transparent");'

Min fråga är nu hur jag ändrar bg färgen i en anna tabellcell än den jag har onMouseOver på.
Om jag har en tabell som ser ut såhär:

<table>
<tr>
	<td>cell ett</td>
</tr>
<tr>
	<td>cell två</td>
</tr>
</table>

... hur ändrar jag bg färgen i "cell ett" när jag för musen över "cell två"?

JojoxxMedlem sedan juni 20004 308 inlägg

29 jan. 2002 06:53#2

Ett enkelt DOM-exempel;

<table>
<tr>
	<td
		onMouseover="document.getElementById('bar').style.backgroundColor='green';"
		onMouseout="document.getElementById('bar').style.backgroundColor='white';"
		id="foo">cell ett</td></tr>
<tr>
	<td
		onMouseover="document.getElementById('foo').style.backgroundColor='green';"
		onMouseout="document.getElementById('foo').style.backgroundColor='white';"
		id="bar">cell två</td></tr>
</table>

jonneMedlem sedan jan. 20011 154 inlägg

29 jan. 2002 06:57#3

Du är en liten LarsG i förklädnad Jojoxx
Stort tack.

jonneMedlem sedan jan. 20011 154 inlägg

29 jan. 2002 07:03#4

Föresten en liten fråga till. Kan jag istället för en färg använda en css klass?

colioneMedlem sedan juni 20014 421 inlägg

29 jan. 2002 07:21#5

Du är en liten LarsG i förklädnad Jojoxx

Vem vet det kanske är tvärtom......LarsG är en liten förklädd Jojoxx ????

JojoxxMedlem sedan juni 20004 308 inlägg

29 jan. 2002 11:31#6

Ja, vem vet...

Hur som hellst, i denna tidigare tråd finns en sådan funktion. Det första argumentet är id på det element du vill byta klass på, det andra är klass-namnet, ex;

onMouseover="changeClass('foo','myClass');"

jonneMedlem sedan jan. 20011 154 inlägg

29 jan. 2002 12:11#7

Funkar perfekt. Tackar.