Jeg bruger: document.getElementById og får fejl: Object required

Hejsa

Jeg har lavet en funktion, der "rydder" en value i et text felt når det får focus og genindsætter default værdien når det mister focus.

Funktionen virker, hvis jeg skriver:

name.value

istedet for:

document.getElementById(name).value

Når jeg bruger document.getElementById får jeg følgende fejl: 'Object required'

Er der nogen der kan fortælle mig hvad jeg gør galt..

Grunden til jeg vil bruge document.getElementById istedet for id'et direkte er, at jeg gerne vil have funktionen til at virke i Mozilla og Netscape og ikke kun i IE.

Her er min funktion:

function showHideValue(val, name)
{
    if (val == true)
    {
        if(document.getElementById(name).value == document.getElementById(name).defaultValue)
        {
            document.getElementById(name).value = '';
        }
    }
    else
    {
        if(document.getElementById(name).value == '')
        {
            document.getElementById(name).value = document.getElementById(name).defaultValue;
        }
    }
}


Sådan kalder jeg funktionen:

<input id="max1" class="inputField" type="text" value="Indtast et tal her" onfocus="showHideValue(true, max1)" onblur="showHideValue(false, max1)" />

Tak for hjælpen!!