Элементы формы
Как указывалось выше, обращение к элементам формы осуществляется либо по их индексу в семействе Elements, либо по их имени (см. пример). Каждый элемент HTML-формы имеет собственный набор свойств, методов и событий. Перечень событий элементов формы идентичен перечню событий формы (см. выше). Кроме того, элементы Password, Text, TextArea, Select имеют события: onselect (началось выделение текста) и onchange (содержимое элемента изменилось). Свойства и методы формы приведены в таблице.
Свойства и методы отдельных элементов управления
Общие свойства / методы
1) Свойства:
form - возвращает объект Form,
содержащий данный элемент. name - имя элемента управления. value - значение элемента управления. Например, текст введенный пользователем или надпись на кнопке. disabled - при присвоении свойству значения true, отключает элемент управления.
2) Методы:
click - имитация щелчка мышью по
элементу управления. focus - получение фокуса элементом
управления. blur - потеря фокуса элементом
управления.
<HTML><BODY> <SCRIPT LANGUAGE="VBScript"> sub info ( )
otvet1="Вы ввели текст: "+ formaLvvod.value
alert(otvet1)
end sub
</SCRIPT>
<FORM name="forma1"> <INPUT type="text" name="vvod">
<INPUT type="button" name="knopka" value="Проверить" onclick="info"> </FORM>
</BODY> </HTML>
Создание диалогов пользователя (метод showModalDialog объекта window)
Метод showModalDialog объекта window отображает html-страницу, как модальный диалог (пока диалог не будет закрыт, работать с открывшей его страницей нельзя). Метод showModalDialog позволяет использовать не только встроенные диалоговые окна типа alert и prompt, но и создавать собственные диалоговые окна пользователя. Для этого сначала создается html-документ диалога, а затем этот документ вызывается в
качестве диалогового окна. Пример:
Окно диалога - файл modal.htm :
<HTML> <BODY text="red" bgcolor="Silver">
Это окно диалога. <form name="forma1">
<input type="button" name="knopka1" value-m" onclick="say1( )"> <input type="button" name="knopka2" value="Cancel" onclick="say2( )"> </form>
<SCRIPT language="vbscript">
args=window.dialogArguments ' считывает массив аргументов переданных диалогу forma1.knopka1.value=args(0) ' меняет надпись на кнопке 1, в соответствии с первым аргументом forma1.knopka2.value=args(1) ' меняет надпись на кнопке2, в соответствии со вторым аргументом
sub say1( ) ' процедура срабатывает при нажатии кнопки 1 (см. тэг INPUT)
window.returnValue= forma1.knopka1.value ' возвращает из диалога значение нажатой кнопки window.close( ) ' закрывает диалог
end sub
sub say2( ) ' процедура срабатывает при нажатии кнопки 2
window.returnValue= forma1.knopka2.value window.close() end sub
</SCRIPT></BODY></HTML>
В приведенном выше диалоге созданы две кнопки, надписи на коорых задаются в качестве аргументов диалога. При щелчке по кнопкам (событие onclick) вызываются соответствующие процедуры (say1 или say2), которые возвращают (window.returnValue) значение нажатой кнопки и закрывают диалог (window.close). Диалог вызывается из документа приведенного ниже:
Документ из которого вызывается диалоговое окно:
<HTML><BODY> <SCRIPT LANGUAGE="VBScript">
args = Array("ОК", "Отмена") ' для JavaScript было бы args = new An-ayC^R", "Отмена");
otvet=window.showModalDialog("zmodal.htm",args, "font-size:20; dialogWidth:10; dialogHeight:7; dialogTop:10; dialogLeft:10; center:no") alert(otvet)
</SCRIPT> </BODY> </HTML>
Здесь в переменную otvet попадает результат работы диалога, а сам диалог вызывается при помощи метода
showModalDialog, параметры которого обозначают следующее:
"modal.htm" - адрес html-страницы, используемой в качестве диалогового окна.
args - аргументы, передаваемые диалогу. Если аргументов нет - можно указать null.
"параметры"- строка параметров font-size(размер шрифта), dialogWidth (ширина диалога в процентах
экрана), dialogHeight (высота диалога в процента экрана), dialogTop(координата Y в пикселах от верха экрана), dialogLeft (координата X в пикселах от левой стороны экрана), center (размещение диалога по центру экрана).