Druzya.org
Возьмемся за руки, Друзья...
 
 
Наши Друзья

Александр Градский
Мемориальный сайт Дольфи. 
				  Светлой памяти детей,
				  погибших  1 июня 2001 года, 
				  а также всем жертвам теракта возле 
				 Тель-Авивского Дельфинариума посвящается...

 
liveinternet.ru: показано количество просмотров и посетителей

Библиотека :: Компьютеры и Программирование :: А.В. Фролов, Г.В. Фролов - Сценарии JavaScript в активных страницах Web
<<-[Весь Текст]
Страница: из 116
 <<-
 
етра NAMEvalueТекущее содержимое поля редактирования   
   Сразу после отображения поля редактирования свойства defaultValue и value 
хранят одинаковые строки. Когда пользователь редактирует текст, все изменения 
отражаются в свойстве value. 
   Заметим, что изменяя содержимое свойства value, сценарий JavaScript может 
изменить содержимое поля редактирования.
   Методы объекта text
   Для объекта text определены методы focus, blur и select, не имеющие 
параметров.
   С помощью метода focus сценарий JavaScript может передать фокус полю 
редактирования, а с помощью метода blur - отобрать фокус у этого поля.
   Вызов метода select приводит к выделению содержимого поля редактирования.
   Обработчики событий объекта text
   Обработчики событий вызываются в следующих случаях:
   
ОбработчикКогда вызываетсяonFocusВызывается, когда поле редактирования получает 
фокус вводаonBlurВызывается, когда поле редактирования теряет фокус ввода
onChangeПри изменении содержимого поля редактированияonSelectПри выделении 
содержимого поля редактирования  Проверка анкеты
   Методику работы с текстовыми полями в сценариях JavaScript мы рассмотрим на 
примере документа HTML с формой для ввода анкеты, показанной на рис. 3.9.

Рис. 3.9. Форма для ввода анкеты
   Наш сценарий выполняет несложную обработку информации, которая вводится в 
текстовых полях этой формы. В частности, сценарий преобразует символы фамилии в 
прописные. Если указать возраст, меньший 18 лет, сценарий сделает его равным 
нулю.
   Если после заполнения анкеты нажать кнопку Complete, на экране появится 
диалоговая панель, отображающая содержимое отдельных полей формы (рис. 3.10).

Рис. 3.10. Отображение содержимого полей анкеты
   Кнопка Reset устанавливает поля в исходное состояние.
   Исходный текст документа HTML с описанной выше формой и сценарием JavaScript 
вы найдете в листинге 3.4. 
Листинг 3.4. Файл chapter3/text/text.html

  
    Работа с текстовыми полями
    
  
  
    

Заполните анкету

Фамилия:
Имя:
Телефон:
Возраст:
Для того чтобы преобразовать символы фамилии в прописные, для поля family мы определили обработчик события onChange: onChange="this.value=this.value.toUpperCase()" После внесения изменений в содержимое поля этот обработчик вызывает метод toUpperCase, определенный в классе строк. Преобразованное значение записывается снова в свойство this.value. Поле Age имеет два обработчика для событий onChange и onFocus: onChange="this.value=CheckAge(this.value)" onFocus="this.select()" Первый из этих обработчиков вызывает функцию проверки возраста CheckAge, передавая ей значение из поля Age. Возвращенное этой функцией значение снова записывается в то же самое поле. Функция CheckAge выглядит очень просто: function CheckAge(age) { if(age < 18) return "0"
 
<<-[Весь Текст]
Страница: из 116
 <<-