[JS]mouseover (td background)

[rickmans]

Ik heb de volgende mouseover:

code:

function de_mouseover1()
    {
    bottom1.style.backgroundColor='#FFFFFF';
    bottom1.style.color='#000000';
    middle1.style.backgroundColor='#FFFFFF';
    middle1.style.color='#000000';
    top1.style.backgroundColor='#99CC00';
    }

bottom1 en zo zijn referenties naar een cel die dus van kleur verandert. Echter dit werkt perfect in IE6 echter in Mozilla werkt het dus niet . Dat is dus probleem 1.

probleem 2 is dat ik de functie minder statisch wil maken dus ik wil bottom1 en consorten vervangen door een variabele. Nou dacht ik dat het simpel te doen was door het volgende te doen:

code:

function de_mouseover1(bottom)
    {
    bottom + ".style.backgroundColor='#FFFFFF';"

Echter dat lukte dus niet en de mouseover deed niets. Dus hoe moet ik dat oplossen

[Pelle]

JavaScript:

function da_wickedMuisover(id, color) {
    document.getElementById(id).style.backgroundColor = color;
}

da_wickedMuisover('bottom1', '#ff0000');

// of:

function het_JuusteRolloverding(obj, color) {
    obj.style.backgroundColor = color;
}

het_JuusteRolloverding(document.getElementById('bottom1'), '#ff0000');

Ga eens een JS tutorial doornemen ofzo.