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

JavaScript для начинающих. Изучаем с нуля.

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Заметки Дизайнера" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Ноябрь 2005   →
 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
Автор
ImHoster.net

Статистика

2.443 подписчиков
-1 за неделю
←   Все выпуски   →

JavaScript для начинающих. Изучаем с нуля. выпуск двадцать шестой


Информационный Канал Subscribe.Ru
Рассылка для всех, кто желает освоить JavaScript

JavaScript для начинающих

Выпуск #26
Письмо автору
Хостинг от 1.2$ в месяц
 Скрипты для web-мастера HTML для чайников
Как всего за 8.5 месяцев построить систему, которая долгие годы будет приносить вам прибыль. Получите четкий пошаговый инструктаж в свое 100% пользование абсолютно бесплатно, пока этого не сделали другие!

Подробности в электронной книге: Скачать

Продолжаем про формы.

Переключатель

Option 1 Option 2 Option 3

Еще один элемент, дающий пользователю право выбора, - это переключатель. Он определяется во все том же дескрипторе <INPUT> с помощью ключевого слова RADIO. Переключатели похожи на флажки, за тем исключением, что они задаются группами. Они позволяют сделать пользователю выбор в пользу одного из вариантов. Ниже приведен пример задания группы переключателей:

<INPUT TYPE="RADIO" NAME="radio1" VALUE="Option1" CHECKED> Option 1
<INPUT TYPE="RADIO" NAME="radio1" VALUE="Option2"> Option 2
<INPUT TYPE="RADIO" NAME="radio1" VALUE="Option3"> Option 3

Этот оператор определяет группу из трех переключателей. Атрибут NAME одинаков для всех трех переключателей (он и объединяет их в одну группу). Значение атрибута VALUE отправляется на сервер при выделении текущего переключателя. Удостоверьтесь, что каждому переключателю определено свое значение атрибута VALUE.

Переключатели (радиокнопки) приобрели свое название благодаря многопозиционным механическим переключателям, используемым в радиоэлектронике. Они работают таким образом, что в одном положении активна только одна электрическая цепь, а все остальные отключены.

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

  • name. Определяет имя группы переключателей.

  • length. Это количество переключателей в группе.

    Чтобы обратиться к отдельному переключателю в группе, используется массив radio. Индексирование его элементов проводится с нуля. Каждый отдельно взятый переключатель имеет следующие свойства:

  • value. Это значение, определенное переключателю. (Используется сервером.)

  • defaultChecked. Определяет значение атрибута CHECKED и начальное положение переключателя.

  • checked. Это текущее состояние переключателя.

    Например, вы можете выставить первый переключатель в группе radio1 формы form1 с помощью следующего оператора:

    document.form1.radio1[0].checked=true;

    Тем не менее при определении этого оператора убедитесь, что остальные переключатели группы имеют значения false. Автоматически эта операция не выполняется. Используйте метод click() для одновременного назначения остальным переключателям группы значений false.

    Подобно флажку, переключатель имеет метод click() и обработчик событий onClick. Для каждого переключателя группы задается свой обработчик событий.

    Раскрывающийся список

    Последний элемент форм, используемый в JavaScript, - это раскрывающийся список. Этот элемент определяется дескриптором <SELECT>. Раскрывающийся список содержит набор текстовых значений или вариантов выбора. Ниже приведен пример определения в программе раскрывающегося списка:

    <SELECT NAME="select1" SIZE="1">
    <OPTION VALUE="choice1" SELECTED> Первый вариант
    <OPTION VALUE="choice2"> Второй вариант
    <OPTION VALUE="choice3"> Третий вариант
    </SELECT>

    Каждый дескриптор <OPTION> определяет один элемент раскрывающегося списка. Атрибут VALUE - это возвращаемое в программу значение, а текст вне дескрипторор <OPTION> отображается при открытии списка.

    Дополнительный атрибут MULTIPLE позволяет выделять одновременно несколько элементов раскрывающегося списка. Браузеры, как правило, управляют одновременно только одним из элементов в раскрывающемся списке.

    Управление раскрывающимся списком осуществляется с помощью объекта select. Он имеет следующие свойства:

  • name. Имя объекта раскрывающегося списка.

  • length. Число элементов в списке.

  • options. Массив значений элементов списка. Каждый элемент массива соответствует отдельному элементу раскрывающегося списка.

  • selectedIndex. Возвращает значение индекса выделенного элемента списка. В списках, позволяющих выделять одновременно несколько элементов, оно определяет первый выделенный элемент.

    Массив option имеет одно свойство length, указывающее количество элементов раскрывающегося списка. В дополнение каждый элемент массива имеет такие свойства:

  • index. Индекс элемента в массиве.

  • defaultSelected. Определяет значение атрибута SELECTED.

  • selected. Текущее состояние элемента. Значение true определяет выделенный элемент. В списках с атрибутом MULTIPLE это значение может определяться несколькими свойствами selected элементов массива.

  • name. Определяет значение атрибута NAME. Используется сервером.

  • text. Текст, отображаемый в раскрывающемся списке на месте каждого элемента. В Netscape Navigator версии 3.0 и выше его значение можно изменить.

    Объект select имеет два метода: blur() и focus(). Они выполняют те же операции, что и одноименные методы объекта text. Соответствующие обработчики событий onBlur, onFocus и onChange вызываются так же, как и в других объектах.

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

    Чтение значения выделенного элемента проводится в два этапа. Сначала определяется значение свойства selectedIndex и только затем - значение свойства value. Приведем пример:

    ind = document.navform.choice.selectedIndex;
    val = document.navform.choice.options[ind].value;

    В этом примере переменная ind используется для сохранения текущего индекса. Используя значение переменной ind, дальше определяем значение свойства value и присваиваем переменной val.

    Продолжение следует...

    Успехов вам! До скорой встречи.

    Обратите особое внимание на нижеприведенный текст

    Высокодоходные инвестиции доступны каждому!
    От 0.85% до 1.7% в день. За три месяца из 200$ делается 900$. Минимальная сумма вклада 10$. Возможность снимать проценты уже на следующий день после вклада. 100% гарантия на возврат денег. Полная информация о владельце.


    Читайте Роберта Кийосаки

    "Богатый папа, бедный папа" скачать

    "Квадрант денежного потока" скачать

    "Руководство богатого папы по инвестированию" скачать

    "Отойти от дел молодым и богатым" скачать

    "Бизнес-Школа" скачать

    и JavaScript вам больше не понадобится..

    • Письмо автору
    Хостинг от 1.2$ в месяц
    		 Скрипты для web-мастера HTML для чайников

    © NBUSINESS.RU

    Subscribe.Ru
    Поддержка подписчиков
    Другие рассылки этой тематики
    Другие рассылки этого автора     		Подписан адрес:
    Код этой рассылки: inet.webbuild.javascripts
    Архив рассылки     		Отписаться
    Вспомнить пароль
    В избранное