Командная кнопка

Тег для размещения кнопки имеет вид:

Здесь:

ButtonType - тип кнопки:

· button - кнопка, требующая написания кода для ее обработчика;

· reset - кнопка для сброса значений в элементах диалога;

· submit - кнопка для соединения с сервером;

cmdName - идентификатор кнопки;

подпись - надпись на кнопке.

При написании скрипта локальной обработки формы, в тег создания кнопки добавляют обработчик события. Каждому событию на языке JavaScript поставлены в соответствие системные идентификаторы. При работе с формой пользователь делает щелчок мышью на кнопке. Такое событие называется onClick и его обработчик будет иметь вид: OnClick="functionName()" Здесь functionName – имя функции JavaScript в которой записан код обработки события. Такую функцию называют событийной функцией. При создании обработчиков идентификатор кнопкам можно не задавать и не использовать параметр name тега кнопки.

Событийная функция содержит код, написанный на языке JavaScript. Событийную функцию помещают внутри специального тега страницы SCRIPT в головной части страницы. Формат тега:

<! - - Код JavaScript - ->

</script>

Для задания функции используется следующее описание JavaScript:

function functionName(){

//Операторы

}

Среди операторов можно использовать оператор принудительного завершения работы функции return. Подробнее об операторах и особенностях языка JavaScript можно посмотреть приложение №2.

Если требуется, то функция может принимать исходные данные для своей работы. Тогда она должно обладать формальными параметрами.

Пример№1. Создание формы с командной кнопкой. При ее нажатии выводится сообщение Hello World в системное окно браузера.

<html>

<head>

function fHello(){

alert("Hello World !");

}

</script>

</head>

<body>

</form>

</body>

</html>

Пример №2. Изменим структуру функции, снабдив ее формальным параметром для вывода произвольного сообщения.

Код функции примет вид:

function fHello(mes){

alert(mes);

}

Тогда обращение к функции изменится:

Фактическое значение для формального параметра mes будет строка 'Hello World !'.

Пример №3. Текст сообщения вводится с помощью системного окна ввода, затем пользователь принимает решение о продолжении работы со страницей. Функция fHello примет вид:

function fHello(){

var mes="";

mes=prompt("message","Hello World","Dialog");

if (mes==null) mes="nothing";

alert(mes);

bDialog=confirm("Stop working?");

if (bDialog) window.close();

}

Если пользователь не ввел строку – получено значение null, то принимается значение строки nothing. Окно браузера закрывается методом close системного объекта window.