Обработка нажатия кнопок.

Стандартная кнопка задается параметром type="button" в операторе input.

При нажатии кнопки выполняется созданная нами функция, заданная в параметре onclick, то есть onPush().

Эта функция выводит текст "H E L L O" в новое окно.

<script language="JavaScript">

function onPush() {

alert("H E L L O !"); return true;}

</script>

<form>

<input type="button" name="Button1"

value="Push" onclick="onPush(); return true;">

</form>

В первом примере данного раздела для указания значения текстового поля мы пользовались аттрибутом this.value, что означает "значение данного элемента". Но мы можем захотеть работать с полем другого элемента.

Тогда применим полное имя, имеющее следующий формат:

document.<Имя-формы>.<Имя-Элемента>.value, где:

Имя-формы - значение параметра name команды form,

Имя-Элемента - значение параметра name команды input.

В данном примере мы обрабатываем форму myForm1, содержащую одно текстовое поле, названное myText и 2 кнопки: Button1 и Button2.

Для каждой из этих кнопок создана функция, записывающая в текстовое поле сообщение о нажатии "своей" кнопки.

Программа выглядит следующим образом:

<script language="JavaScript">

function FirstFunction() {

document.myForm1.myText.value ="Вы нажали первую кнопку";

}

function SecondFunction() {

document.myForm1.myText.value ="Вы нажали вторую кнопку";}

</script>

<form name="myForm1">

<input type="text" name="myText" size=30

value="Нажмите одну из кнопок"><p>

<input type="button" name="Button1"

value="Первая кнопка"

onclick="FirstFunction(); return true;">

<input type="button" name="Button2"

value="Вторая кнопка" onclick="SecondFunction(); return true;">

</form>