Manipulera tabeller

Om man vill kan man även manipulera annat än bilder med mouse rollover. I detta exempel modifierar jag även tebellraders bakgrundsfärg i rollovern...

Koden bygger på föregående exempel. Ändringar med fetstil:

<script language="JavaScript">
<!--
var oldCol;
if (document.images)
{
    pil = new Image(10,10);
    pil.src = "pil.gif";
    boll = new Image(10,10);
    boll.src = "boll.gif";
}

function doOverNav( vilken, texten )
{
    if (document.images)
        document.images[vilken].src = pil.src;
    showStatus( texten );
    if(document.all)
    {
        tt = eval(vilken + '_TD');
        oldCol = tt.style.backgroundColor;
        tt.style.backgroundColor = "#BFE0EF";
    }
}

function doOutNav( vilken )
{
    if (document.images)
        document.images[vilken].src = boll.src;
    showStatus( '' );
    if(document.all)
    {
        tt = eval(vilken + '_TD');
        tt.style.backgroundColor = oldCol;
    }
}

function showStatus( text )
{
    // finns en bug i IE 4.an som gör att vi måste vänta lite
    // innan vi sätter statustexten (en millisekund räcker)
    window.setTimeout( "window.status='" + text + "'", 1 );
}

//-->
</script>

<table>
<tr ID="bild1_TD">
<td>
<img name="bild1" src="boll.gif" width=10 height=10 border=0>
</td>
<td>
<a href="http://www.somewhere.com"
    onmouseover="doOverNav('bild1', 'En verkligt fin och bra site')"
    onmouseout="doOutNav('bild1')">
En länk till nån sida....
</a>
</td>
</tr>
<tr ID="bild2_TD">
<td>
<img name="bild2" src="boll.gif" width=10 height=10 border=0>
</td>
<td>
<a href="http://www.somewhat.com"
    onmouseover="doOverNav('bild2', 'En verkligt hemsk site')"
    onmouseout="doOutNav('bild2')">
En länk till nån annan sida....
</a>
</td>
</tr>
</table>

	En länk till nån sida....
	En länk till nån annan sida....

Om namnet på antingen TR eller TD är samma som bilden fast med "_TD" i slutet så kommer denna att byta färg.

Detta fungerar inte med NS (går att fixa men jag skiter i NS)