2015-05-13
528
<HTML>
<HEAD>
<TITLE>Данные из формы типа "переключатель". Событие Focus</TITLE>
<script language="JavaScript">
<!—- //
function test -(obj)
{ var з="свойство value: " + obj.value + "\n\r" +
"свойство name: " + obj.name + "\n\r" +
"свойство type: " + obj.type
form1.elements[4].value=s
}
//-->
</script>
</HEAD>
<BODY>
<FORM name="form1">
Выберите форму витража<br>
<input type="radio" name="fv" value="прямоугольник
onFocus=test(forml.elements[0])>прямоугольник<br>
<input type="radio" name="fv" value="квaдpaт"
onFocus=test(forml.elements[1])>квадрат<br>
<input type="radio" name="fv" value="тpeyгoльник"
onFocus=test(forml.elements[2])>треугольник<br>
<input type="radio" name="fv" value="Kpyr"
onFocus=test(forml.elements[3])>круг<br>
Тест: <br>
<textarea name="res" cols=55 rows=5></textarea><br>
<input type="reset" value="Отменить">
</FORM>
</BODY>
</HTML>
Объект "переключатель" содержит свойство form, значение которого соответствует форме, где расположен переключатель. Это обеспечивает доступ к объекту-родителю, а, следовательно, и к его свойствам.
Свойства формы
Напишем сценарий, в котором для каждого переключателя выводятся значения Соответствующего ему свойства value, а также свойства name и length той формы, на которой расположен переключатель.
Если, как в предыдущем примере, в функцию test будем передавать в качестве параметра выбранный элемент. Тогда в сценарии, выполняя конструкцию obj. form, мы получим доступ к форме, на которой расположен элемент. Чтобы определить имя формы и количество элементов на ней, следует обратиться к свойствам obj. form.name и obj. form, length. Поле ввода многострочного текста в форме является пятым элементом управления, для изменения значения value которого в сценарии можно воспользоваться оператором присваивания
obj.form.elements[4].value=s
Таким образом, от переключателя перешли к форме, а в форме выбрали нужный элемент, используя свойство-массив elements. Событие Blur наступает, когда элемент формы теряет фокус. В этом случае переключателем в поле ввода многострочного текста помещаются свойства формы, на которой расположен переключатель. HTML-код со сценарием приведен в листинге 4.3.
