Set baggrundsfarve i td

<td id=\"test\">
<img src=\"1.jpg\" onClick=\"test.style.background=\'#333333\';return false\">klik</a>
</td>

Du behøver ikke return false - med mindre det er på et link, så væk med det.

<td id=\"test\">
<img src=\"1.jpg\" onClick=\"test.style.background=\'#333333\'\">klik</a>
</td>

lad være med et bruge et id der er et tal. det skal starte med et bogstav før du pålideligt kan bruge det til at addressere dine <td er.

derudover skal dine id=\'xx\' være forskellige hvor hver eneste id=\'xx\' parameter. Det er ikke et ID hvis mange har det samme.

men du kan jo også bare nøjes med et ID i den <tr hvor alle <td er skal sættes.

altså:

<tr id=\'id1\'>

så kan du lave et lille javascript.

<script language=\'javascript\'>

function rekkeFarve( idnavn, farve ) {
    if ( document.getElementById )
        var rekke = document.getElementById( idnavn )
    else
    if ( document.all )
        var rekke = document.all[ idnavn ]
    else
        return;  // dette duer ikke i NS4
    if ( rekke.tagName != \"TR\" )
        return;  // det skal være en tabelrække
    for (var i=0; rekke.children.length > i; i++ ) {
        rekke.children[i].style.backgroundColor = farve;
    }
}; //end rekkeFarve( string, string )

</script>

funktionen kan så fx kaldes med mouseover i et link:

<a href=\"www.eksperten.dk\"
    onMouseover=\"rekkeFarve( \'id1\', \'green\' )\"
    onMouseout=\"rekkeFarve( \'id1\', \'FFCCCC\' )\">klikketekst</a>

mvh JakobA

alle felter med id=\"test\" vil så skifte baggrund.

Ikke sikker på jeg forstår det helt, og jeg ved heller ik, om der ik opstår nogle problemer, når du giver flere celler samme ID, men det med baggrundsfarven skulle du kunne klare ved at lave en simpel:

bgcolor property inde i cellen.

<table><tr id=1a> osv... <img src=\"...\" onClick=\"java script:farve1()\">

</tr>
</table>

<script>

function farve1(){
1a.bgColor = #FF00FF ;
1b.bgColor = #FF00FF ;
1c.bgColor = #FF00FF ;
}

function farve2(){
2a.bgColor = #FF00FF ;
2b.bgColor = #FF00FF ;
2c.bgColor = #FF00FF ;
}

</script>



Det burde virke :)

/ Martin

Jacoba: Din virker - du har fortjent point! Kan du udvide metoden, så den sætter den markerede række tilbage til den origiale baggrundsfarve, når man klikker på en ny? Men ellers så er det også ok. Tak for hjælpen :-)

noget i retning af:

<script language=\'javascript\'>

var sidstAktiveret = \"\";

function rekkeRestore( idnavn ) {  // sæt oprindelige baggrundsfarver i rækken
    if ( document.getElementById )
        var rekke = document.getElementById( idnavn )
    else
    if ( document.all )
        var rekke = document.all[ idnavn ];
    for (var i=0; rekke.children.length > i; i++ ) {
        rekke.children[i].backgroundColor = rekke.children[i].gammelFarve;
    }

}; //end rekkeRestore( string )

function rekkeFarve( idnavn, farve ) {  // sæt en baggrundsfarve i rækken
    if ( document.getElementById )
        var rekke = document.getElementById( idnavn )
    else
    if ( document.all )
        var rekke = document.all[ idnavn ]
    else
        return;                // dette duer ikke i NS4
    if ( rekke.tagName != \"TR\" )
        return;                // det skal være en tabelrække
    if ( sidstAktiveret && sidstAktiveret != idnavn )
        rekkeRestore( sidstAktiveret )
    sidstAktiveret = idnavn;
    for (var i=0; rekke.children.length > i; i++ ) {
        if ( ! rekke.children[i].gammelfarve )
            rekke.children[i].gammelFarve = rekke.children[i].backgroundColor;
        rekke.children[i].style.backgroundColor = farve;
    }
}; //end rekkeFarve( string, string )

</script>

mvh JakobA