Einblenden eines Bereiches

[Fischi]

Du gibst diesem Bereich (<form>) eine ID. Dann schreibst du eine Funktion. In dieser Funktion greifst du per document.getElementById() auf das style-Objekt zu und veränderst den Wert der CSS-Eigenschaft display. Die Funktion rufst du über einen Eventhandler auf (z.B. onchange).

Hi.
 So mein bisheriger Versuch. Kappt aber nicht. Warum?

<script type="text/javascript">
function einblenden_user(){
document.getElementByID('a_form').style.display='block';
document.getElementByID('u_form').style.display='none';
}
function einblenden_artist(){
document.getElementByID('a_form').style.display='none';
document.getElementByID('u_form').style.display='block';
}
</script>

<form>
<select name='type'>
<option value='user' selected='selected'><a href='#'onclick='einblenden_user()' style='cursor:pointer'>User</a></option>
<option value='artists'><a href='#'onclick='einblenden_artist()' style='cursor:pointer'>Artist</a></option>
</select>
</form>

<table id='a_form' style='display:none;'>
INHALT 1
</table>
<table id='u_form' style='display:block'>
INHALT 2 UND SO
</table>

Hoffe du kansnt mir helfen.

mfg

Fischi