js kan geen andere div aanroepen

Hallo allemaal,

Ik was wat met javascript aan het proberen, alleen het wil niet echt lukken. Ik had het volgende:

<script>
$op        =    100;

function vervaag(){ 

    $op        =    $op - 5;
    document.getElementById('balk').style.filter    =    'alpha(opacity=' + $op + ')';
    
    if ($op > 0){
        setTimeout("vervaag();",50); 
    }
    else{
        document.getElementById('balk').style.display    =    'none';
    }
} 
</script>

Maar dan wil ik dat je de div zelf kan invullen bij de onclick, dus had ik het script zo gemaakt:

$op        =    100;

function vervaag(wat){ 

    $op        =    $op - 5;
    document.getElementById(wat).style.filter    =    'alpha(opacity=' + $op + ')';
    
    if ($op > 0){
        setTimeout("vervaag(wat);",50); 
    }
    else{
        document.getElementById(wat).style.display    =    'none';
    }
}

Alleen dan zegt die dat wat niet gedefineerd is. Wie weet wat ik fout doe, of wat ik anders moet doen?

Mvg. Thomas

setTimeout("vervaag(wat);",50);

Dit voert hij zegmaar uit 'buiten' de functie vervaag(), dus dan is de variabele 'wat' idd niet gedefinieerd.
Probeer het zo:

setTimeout("vervaag('"+wat+"');",50);

Daarbij moet ik je waarschuwen dat dit zo in Opera niet werkt. Gebruik niet alleen style.filter, maar ook style.opacity. Info hier te vinden.