Лабораторная работа: Робота з випадаючими графічними меню

Мета роботи: набути практичних навичок з програмування JavaScript , на прикладі створення меню

Теоретичні відомості

Будь який, навіть найпростіший Web-проект повинен містити навігаційний елемент, за допомогою якого і можна доступитись до всіх сторінок Web-сайту. На сторінках часто можна зустріти різни типи меню. Найбільш поширеними є меню з використанням JavaScript.

Наведемо приклад програми яка виводить горизонтальне меню вверху екрану. Пункти підменю випадають при наведенні курсора миші.

Метод setTimeout

Виконує вираз після закінчення встановленої кількості мілісекунд.

Синтаксис

timeoutID=setTimeout(expression, msec)

timeoutID ідентифікатор, який використовується тільки для закінчення виконання, використовуючи метод clearTimeout.

expression рядковий вираз або властивість існуючого об'єкту.

msec числове значення, числовий ряд або властивість існуючого об'єкту в мілісекундах.

Опис

Метод setTimeout виконує вираз після встановленої кількості часу. Він не виконує вираз багато разів. Наприклад, якщо метод setTimeout встановлений на 5 секунд, то вираз виконається через 5 секунд, але не кожні 5 секунд.

Функція eval

Функція eval виконує рядок-аргумент і підставляє отримане значення замість себе.

Синтаксис

eval("string")

string будь-який рядок, що є JavaScript виразом, командою або послідовністю команд. Вираз може включати змінні і властивості існуючого об'єкту.

Опис

Функція eval є вбудованою функцією JavaScript. Вона не є методом, пов'язаним з будь-яким об'єктом, але є частиною самої мови.
Аргументом функції eval є рядок. Не використовуйте eval для обчислень арифметичних виразів. JavaScript обчислює арифметичні вирази автоматично. Якщо аргумент є виразом, eval обчислює вираз. Якщо аргумент є одним або більш JavaScript команд, то eval виконує команди.
Якщо ви побудували арифметичний вираз як рядок, ви можете використовувати eval для її обчислення.

Обробник подій onMouseOver

Подія mouseOver відбувається кожного разу, коли курсор миші потрапляє на об'єкт. Обробник подій onMouseOver виконує програму JavaScript, коли відбувається подія mouseOver.

Ви повинні повертати true усередині обробника подій, якщо ви хочете використовувати властивості status або defaultStatus з обробником подій onMouseOver.

Синтаксис onMouseOver дивитеся в описі відповідних об'єктів.

Обробник подій onClick

Подія click відбувається при клацанні мишею на об'єкті форми. Обробник подій onClick виконує програму JavaScript, коли відбувається подія click.

Обробник подій:

button checkbox radio link reset submit

--> ЧИТАТЬ ПОЛНОСТЬЮ <--