Открытие части формы по onclick

Maxxon

Новичок
Открытие части формы по onclick

Приветствую!
Маленький вопрос:
Есть одна форма. В конце выводятся 2 "radio". Задача: при нажатии на вторую "radio" надо открыть кусок формы, который был скрыт при создании формы. При нажатии на первую "radio", этот кусок должен скрываться.

Я не спец в javascrpit, подскажите, пожалуйста, почему у меня броузер выдает ошибку, что "этот метод не поддерживается". Что я забыл вписать?

<html>
<body>
<head>

<script language="javascript">
function close_block (id)
{
e=document.getElementByld (id);
if (e.style.display == 'block' || e.style.display !="")
e.style.display="none";
}
function open_block(id)
{
e=document.getElementByld (id);
if (e.style.display == 'none' || e.style.display =="")
e.style.display="block";
}
</script>
</head>

<form name="myform">
<input type="text" value="Это поле открыто изначально"></input>
<input type="text" id="new" value="А это поле открылось"></input>
<input type="radio" name="dot" value="first" onclick="javascript:close_block('new')">Первая radio</input>
<input type="radio" name="dot" value="second" onclick="javascript:eek:pen_block('new')">Вторая radio</input>
</form>

</body>
</html>

Да, и как скрыть первый "text" при создании формы?
 

SelenIT

IT-лунатик :)
1) Опечатка: должно быть не getElementByld, а getElementById
2) "javascript:" в onclick'е лишний - можно (и нужно) сразу писать имя ф-ции
3) display == "" соответствует не display == 'none' (как следует из кода), а как раз наоборот - значению по умолчанию (display == 'auto', для input-а это равносильно display == 'inline'), т.е. видимый.
4) стиль по умолчанию задается в CSS: <input type="text" style="display: none" ... >
 
Сверху