Самоучитель по креативному веб-дизайну. Книга 1, стр.141

Кнопки такого типа можно использовать для выполнения сценариев, вычис —

ляющих сумму значений других элементов формы, вывода на экран сообщений,

загрузки в окно или фрейм новой Web-страницы или вставки в список выбора нового элемента. Таким образом, функция кнопки общего назначения ограниче —

на только вашим воображением и методами используемого вами сценарного языка.

Блокирование и разблокирование элементов

формы «на лету»

Иногда элементы формы могут носить взаимоисключающий характер. Напри —

мер, если вы зададите посетителю вопрос: «Состоите ли вы в браке?» и в каче — стве ответа на этот вопрос посетитель выберет переключатель нет, ему уже не

нужно будет вводить имя супруга в поле spouse. Аналогично, если на форме на — ходится группа флажков, в которой посетитель может выбрать любые устраиваю —

щие еГО ОПЦИИ, И ИМ был ВЫбраН флаЖОК Наподобие «Ничего» ИЛИ «Ничего из

перечисленного», он уже не должен выбирать другие флажки в группе. Каждый элемент формы имеет атрибут disabled, который можно использовать для зап — рещения пользователю изменять элемент.



ПРИМЕЧАНИЕ Некоторые устаревшие браузеры не поддерживают атрибут disabled. Та — ким образом, проверку правильности ввода в форму данных должна осуществлять функция

проверки, даже если имеется сценарий, который устанавливает атрибут disable d для со — ответствующих полей формы.

170 Глава 3. HTML-формы





ПРАКТИКУМ

Предположим, например, что форма, показанная на рис. 3.22, используется для запроса у посетителя его семейного положения. За счет выполнения следующей JavaScript-функции можно блокировать ввод в поле имени второй половины и запретить посетителю изменять его содержимое или даже устанавливать на него курсор, т. е. перемещать фокус (при этом само поле затеняется серым цветом).





Для указания Web-браузеру на необходимость запуска приведенной выше фун —

кции при выборе переключателя Maritaistatu s введите следующий код:



Состоите ли вы в браке?

name=»MaritalStatus» value=»Married»

onclick=»disableSpouseName(ExampleForm, false) » />Состою

type=»radio» name=»MaritalStatus» value=»Single»

onclick=»disableSpouseName(ExampleForm, true)» />He состокК/р>



Атрибут onclick дескриптора
для переключателя заставляет Web-бра —

узер ВЫПОЛНИТЬ фуНКЦИЮ disableSpuseName() при выборе ЭТОГО переключателя.

Передавая функции disableSpuseNameо значение False или True, Web-брау — зер блокирует или разблокирует поле SpouseName (на рис. 3.22 оно обозначе — но как «Имя супруга (и) :») . Так, например, если посетитель выберет пере —

ключатель «Состою в браке», функции disableSpuseName () будет передано значение False. Функция, со своей стороны, установит значение атрибута disabled элемента SpouseName формы равным False, что сделает элемент актив- ным (разблокирует его) и посетитель сможет ввести в поле имя своей половины.

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 12.06.2011">Американские ученым удалось превратить в нейроны клетки кожи
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 051
  • 17.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.10
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.45
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 030
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.105
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 051
  • 10.03.2011">Руководство по actionscript. часть 4, стр. 030
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 129
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.87
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.47
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.83
  • 20.03.2011">Руководство по actionscript. часть 2, стр. 063
  • 10.03.2011">Руководство по actionscript. часть 4, стр. 028
  • 09.03.2011">Руководство по actionscript. часть 4, стр. 055
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...