
- •1. Основні поняття
- •1.1. Сім варіацій на тему "Hello, world! "
- •1.1.1. Варіація перша: сама проста
- •1.1.2. Варіація друга: із секретним вихідним текстом
- •1.1.3. Варіація третя: із переменной і функціями
- •1.1.4. Варіація четверта: створення сторінки "на літу"
- •1.1.5. Варіація п'ята: із діалоговою панеллю
- •1.1.6. Варіація шоста: опрацювання події
- •1.1.7. Варіація сьома: із визначенням типу браузера
- •1.2. Перемінні в JavaScript
- •1.2.1. Оголошення перемінних
- •1.2.2. Присвоєння значення перемінним
- •1.2.3. Типи даних
- •1.2.4. Перетворення типів даних
- •1.3. Оператори мови JavaScript
- •1.3.1. Унарные оператори
- •1.3.2. Бинарные оператори
- •1.3.3. Оператори для роботи з окремими бітами
- •1.3.4. Оператори зсуву
- •1.3.5. Оператори відношення
- •1.3.6. Логічні оператори
- •1.3.7. Оператор присвоювання
- •1.3.8. Умовні оператори
- •1.3.9. Оператори циклу
- •1.3.10. Інші оператори
- •1.3.11. Старшинство операторів JavaScript
- •1.3.12. Функції в мові сценаріїв JavaScript
- •1.4. Приклади використання операторів циклу
- •2. Класи і об'єкти
- •2.1. Три типи об'єктів «JavaScript
- •2.1.1. Умонтовані об'єкти
- •2.1.2. Об'єкти браузера
- •2.1.3. Об'єкти на базі класів, утворюваних програмістом
- •2.2. Масиви в JavaScript
- •2.3.1. Властивості об'єкта window
- •2.3.2. Методи об'єкта window
- •2.4. Сценарії, що працюють з об'єктами window
- •2.4.1. Як закрити вікно браузера
- •2.4.2. Открываем нове окно
- •2.4.3. Текст , що біжить , у рядку стани браузера
- •2.4.4. Обмеження часу реакції користувача
- •2.4.5. Завантаження документа html у вікно браузера
- •2.5.1. Властивості об'єкта document
- •2.5.2. Методи об'єкта document
- •2.5.3. Колірне оформлення документа
- •2.5.4. Посилання і мітки в документі
- •2.6. Умонтований клас Math
- •2.6.1. Властивості
- •2.6.2. Методи
- •2.7. Умонтований клас Date
- •2.7.1. Конструктори класу Date
- •2.8. Умонтовані функції
- •2.9. Плавна зміна цвіту фона документа html
- •3. Робота з формами
- •3.1. Ієрархія об'єктів у формах
- •3.2. Форма і її властивості
- •3.2.2. Властивості об'єкта form
- •3.3. Об'єкти, що входять до складу форм
- •3.3.1. Кнопка button
- •3.3.2. Перемикач checkbox
- •3.3.3. Перемикач radio
- •3.3.4. Приклад форми з перемикачами
- •3.3.5. Список select
- •3.3.6. Приклади сценаріїв, що працюють із списками
- •3.3.7. Однострочное поле text
- •3.3.8. Перевірка анкети
- •3.3.9. Многострочное поле textarea
- •3.3.10. Приклад сценарію, що заповнює поле textarea
- •3.3.11. Однострочное поле password
- •3.3.12. Запровадження ідентифікатора і пароля
- •3.4. Перевірка заповнення форми
- •3.5. Шестнадцатеричный калькулятор
- •3.3.6. Електронні часи
- •4. Фреймы
- •4.1. Файл опису фреймов
- •4.2. Взаємодія між фреймами
- •4.2.1. Десятично-шестнадцатеричный перетворювач
- •4.2.2. Відображення декількох документів html
- •5. Растровые зображення
- •5.1. Растровое зображення як об'єкт
- •5.2. Динамічна заміна растровых зображень
- •5.2.1. Зміна зовнішнього вигляду графічних посилань
- •5.2.2. Створення анімаційних зображень
- •5.2.3. Чекання завантаження всіх зображень
- •6. Взаємодія з аплетами java
- •6.1. Вбудовування аплета Java у документ html
- •6.2. Виклик методів аплета Java із сценарію JavaScript
- •6.3. Доступ до полів аплета Java із сценарію JavaScript
- •6.4. Динамічне завантаження аплетов Java
- •7. Застосування cookie
- •7.1. Виконання основних операцій із cookie
- •7.1.1. Створення cookie
- •7.1.2. Одержання значення cookie
- •7.1.3. Зміна значення параметра cookie
- •7.1.4. Видалення cookie
- •7.1.5. Обмеження на використання cookie
- •7.2. Декілька прикладів використання cookie
- •7.2.1. Фіксація повторних провідин сторінки
- •7.2.2. Записна книжка Cookies Notepad
- •7.2.3. Настроювання параметрів документа html
- •7.2.5. Одержання cookie розширенням серверу Web
- •7.2.6. Лічильник провідин на базі cookie і програми cgi
- •7.3. Настроювання браузера для роботи з cookie
3.3.2. Перемикач checkbox
Перемикачі checkbox звичайно застосовуються для вибору яких-небудь незалежних друг від друга параметрів або можливостей.
У формі перемикач checkbox створитися за допомогою оператора <INPUT> із параметром TYPE, рівним рядку "checkbox":
<INPUT TYPE="checkbox"
NAME =" Ім'я перемикача_chесkbох"
VALUE="Значення" CHECKED
onClick="06pa6oтчик_coбытия"> Текст, відображуваний поруч із перемикачем
Параметр NAME задає ім'я перемикача. Це ім'я можна використовувати для визначення стана цього перемикача в сценарії JavaScript.
За допомогою параметра VALUE можна визначити рядок, що передається розширенню серверу при посилці заповненої форми, якщо перемикач знаходиться у включеному стані. Якщо цей параметр не зазначений, те по умовчанню посилається рядок "on". Сценарій JavaScript також може одержати значення параметра VALUE.
Необов'язковий параметр CHECKED вказується в тому випадку, якщо при початковому відображенні форми перемикач повинний відображатися у включеному стані.
Якщо для перемикача визначений оброблювач події, ви можете задати сценарій JavaScript, що одержує керування після того, як користувач змінить стан перемикача.
Властивості об'єкта checkbox
Об'єкт checkbox має декілька властивостей, що відбивають значення відповідних параметрів оператора <INPUT>:
Властивість Опис
name Значення параметра NAME
checked Властивість типу Boolean, що отражат стан перемикача. Якщо перемикач включений, властивість має значення true, у противному випадку - false. За допомогою цієї властивості сценарій може змінювати стан перемикача
value Значення параметра VALUE
defaultChecked Властивість типу Boolean, що отражат значення параметра CHECKED. Якщо параметр CHECKED є присутнім у визначенні перемикача, властивість має значення true, у противному випадку - false. Сценарій може визначати або встановлювати значення цієї властивості
Методи об'єкта checkbox
Для об'єкта checkbox визначений один метод click, що не має параметрів:
click()
При виклику цього методу перемикач установлюється у включене cocтoяниe.
3.3.3. Перемикач radio
Перемикачі типу radio застосовуються в тих випадках, коли потрібно організувати вибір однієї з декількох можливостей. Виходячи з цього, у формі звичайно розташовується декілька таких перемикачів.
Визначення перемикача radio виглядає в такий спосіб:
<INPUT TYPE="radio"
NAME=" Ім'я перемикача radio"
VАLUЕ="Значення"
CHECKED
onClick="06pa6oтчик_події">
Текст, відображуваний поруч із перемикачем
Призначення параметрів NAME, VALUE і CHECKED перемикача radio таке ж, як і призначення аналогічних параметрів перемикача checkbox. Відмінність полягає в тому, що всі перемикачі radio, що належать до однієї групи, повинні мати однакові імена, визначені параметром NAME. Що ж стосується перемикачів checkbox, те, якщо їх декілька, усі вони повинні називатися по-різному.
Для того щоб розширення серверу Web або сценарій JavaScripl. обробну форму, могли дізнатися, який же з перемикачів radio-групи знаходиться у включеному стані, усі такі перемикачі повинні мати різноманітні значення VALUE.
Крім того, тільки один із перемикачів radio може бути визначений із параметром CHECKED.
Властивості об'єкта radio
Об'єкт radio має такі властивості:
Властивість Опис
name Значення параметра NAME
checked Властивість типу Boolean, що отражат стан перемикача. Якщо перемикач включений, властивість має значення true, у противному випадку - false. За допомогою цієї властивості сценарій може змінювати стан перемикача
length Кількість перемикачів типу radio, визначених у групі з ім'ям, заданим параметром NAME
value Значення параметра VALUE
defaultChecked Властивість типу Boolean, що отражат значення параметра CHECKED. Якщо параметр CHECKED є присутнім у визначенні перемикача, властивість має значення true, у противному випадку - false. Сценарій може визначати або встановлювати значення цієї властивості
Методи об'єкта radio
Для об'єкта radio визначений метод click, що не має параметрів:
click()
При виклику цього методу перемикач вибирається для роботи.