Лабораторна робота №3.
Тема роботи: програмування статусу та використання таймерів.
Мета роботи: ознайомитися з полем статусу, таймером та прокручуваням, навчитися застосовувати їхні властивості та методи.
Клас об'єктів Wіndow - це самий старший клас в ієрархії об'єктів JavaScrіpt. До нього відносяться об'єкт Wіndow й об'єкт Frame. Об'єкт Wіndow асоціюється з вікном програми-браузера, а об'єкт Frame - з вікнами усередині вікна браузера, які породжуються останнім при використанні автором HTML-сторінок контейнерів FRAMESET й FRAME.
При програмуванні на JavaScrіpt найчастіше використають наступні властивості й методи об'єктів типу Wіndow:
властивості – status, defaultStatus, locatіon, hіstory, navіgator;
методи – open(), close(), focus(), setTimeout(), clearTimeout().
Об'єкт Wіndow створюється тільки в момент відкриття вікна. Всі інші об'єкти, які породжуються при завантаженні сторінки у вікно, є властивості об'єкта Wіndow. Таким чином, в Wіndow можуть бути різні властивості при завантаженні різних сторінок.
Поле статусу
Поле статусу - це перше, що почали використати автори HTML-сторінок з арсеналу JavaScrіpt. Калькулятори, ігри, математичні обчислення й інші елементи виглядали занадто штучно. На їхньому тлі рядок, що біжить, у полі статусу був родзинкою, що могла дійсно привернути увагу користувачів до Web-вузла. Поступово її популярність пройшла. Біжучі рядки стали рідкістю, але програмування поля статусу зустрічається на багатьох Web-вузлах.
Рис. 1. Поле статусу
Полем статусу (status bar) називають середнє поле нижньої частини вікна оглядача відразу під областю відображення HTML-сторінки. У поле статусу відображається інформація про стан оглядача (завантаження документа, завантаження графіки, завершення завантаження, запуск апплета й т.п.). Програма на JavaScrіpt має можливість працювати із цим полем як зі змінюваною властивістю вікна. При цьому фактично з ним зв'язані дві різних властивості:
wіndow.status;
wіndow.defaultStatus.
Різниця між ними полягає в тому що оглядач насправді має кілька станів, пов'язаних з деякими подіями. Стан оглядача відбивається в повідомленні в поле статусу. По великому рахунку, існує тільки два стани: немає подій (defaultStatus) і відбуваються якісь події (status).
Програмування поля статусу завдяки властивості status. Властивість status пов'язане з відображенням повідомлень про події, відмінних від простого завантаження сторінки. Наприклад, коли курсор миші проходить над гіпертекстовим посиланням (URL), текст, зазначений в атрибуті HREF, відображається в поле статусу. При завантаженні сторінки в полі статусу буде показано, який саме елемент сторінки зараз завантажується.
Рис. 2. Поле статусу при завантаженні сторінки
Складені програми на JavaScrіpt можуть виконувати запис у рядок статусу, у якому будуть відображатися дані, що увів користувач. Усе, що необхідно для цього зробити - лише присвоїти wіndow.status. потрібне текстове значення.
Нижче приведено найпростіший спосіб запису користувацької інформації в поле статусу:
Рис. 3. Користувацьке поле статусу
У цьому скрипті, ми функцією exam присвоюємо полю статусу текстовий рядок, який потім і викликаємо в тексті сторінки за допомогою onLoad.
Так само можна вивести в поле статусу інформацію про сторінку, на яку може перейти користувач, при наведенні курсору мишки на посилання:
Рис. 4. При наведенні курсору на посилання в полі статусу пояснення
На даній лабораторній роботі ми будемо використовувати обробники подій onMouseOver, onMouseOut, onLoad і onClick, щоб зв’язати елементи коду JavaScrіpt з кодом HTML.
onMouseOver – дана подія генерується оглядачем користувача, якщо мишка вказує на гіпертекстове посилання, а onMouseOut – коли мишка залишає гіпертекстове посилання
Може виникнути запитання, а чому в onMouseOver ми зобов'язані повертати результат true. Насправді це означає, що оглядач не повинний слідом за цим виконувати свій власний код обробки події MouseOver. Як правило, у полі статусу оглядач показує URL від...