Отправляет email-рассылки с помощью сервиса Sendsay

Web-программирование - это просто!

Подписаться Бесплатная «Серебряная» новостная рассылка . Подписчиков 681 RSS
←   Январь 2010   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


За последние 60 дней ни разу не выходила


Сайт рассылки: http://www.easyprog.ru
Открыта: 27-06-2009
Адрес автора: comp.soft.prog.easyweb-owner@subscribe.ru

Автор
Александр

Статистика

681 подписчиков
0 за неделю
←   Все выпуски   →

Web-программирование - это просто!


Новое на сайте Программирование - это просто! (www.easyprog.ru):

В бесплатном разделе

В платном разделе

Добрый день, уважаемые подписчики!

Тема сегодняшнего выпуска: «Java Script: ввод данных с клавиатуры».

 

И снова начнем урок с примера:

<HTML>
<HEAD>
<TITLE>Урок 25. Java script: Ввод данных с клавиатуры</TITLE>
</HEAD>

<BODY>
<SCRIPT Language="JavaScript" type="text/javascript">
function ButtonClick() {
a=document.forms.myform.input_field.value;
b=a*2;
document.write(a,"*2=",b);
}
</SCRIPT>
<form name="myform">
<input type="text" name="input_field" size="50"><input type="submit" OnClick="ButtonClick()"></p>
</form>
</BODY>
</HTML>

 

Если мы откроем этот документ в браузере, то увидим вот такое диалоговое окно:

 

 

Его создал тэг <form>, а строку ввода и кнопочку тэг <input>. В первом тэге в качестве параметра type мы указали "text", что значит, это строка ввода, а во втором "submit" - кнопочка. Обратите внимание на параметр name - в нем задается имя тэга, через которое к нему можно получить доступ из программы на JavaScript.

Параметр OnClick - это у нас обработчик нажатия на кнопочку, ему мы присваиваем имя скрипка, который запуститься, когда пользователь нажмет на кнопочку. В нашем случае это ButtonClick().

Теперь обратите внимание на сам скрипт. Он начинается с команды function, которая обозначает описание функции - куска программы, к которому можно обратится по имени.

Командой

 

document.forms.myform.input_field.value;

 

Мы читаем, что там пользователь ввел с клавиатуры. Для этого сперва обращаемся к объекту document, затем к списку форм (forms), через него к конкретной форме по имени ("myforms"), а уже через эту конкретную форму к ее элементам,  так же по имени. Затем введенное значение умножаем на 2 и выдаем пользователю результат:

 

 

 

 

С уважением, Шуравин Александр, e-mail: megabax@rambler.ru, автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать.

 
В избранное