Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Гамоцька / Zvit_3.docx
Скачиваний:
10
Добавлен:
23.02.2016
Размер:
1.07 Mб
Скачать

МІНІСТЕРСТВО ОСВІТИ І НАУКИ, МОЛОДІ ТА СПОРТУ УКРАЇНИ

ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ

КАФЕДРА ІНФОРМАЦІЙНІ ТЕХНОЛОГІЇ ПРОЕКТУВАННЯ

Лабораторна робота № 3

з дисципліни: Програмне забезпечення мереж передачі даних

на тему: «Типове програмне забезпечення клієнтської частини Web–додатку з виростанням сценаріїв JavaScript»

Перевірила: Виконали:

Гамоцька С.Л. студенти гр. ПР-102

Путра В.В.

Дегтяр А.В.

Іршенко О.А.

Черкаси 2013

Мета роботи: навчитись обробляти події миші та клавіатури в Web-браузері за допомогою динамічних сценарії на мові JavaScript.

Завдання

- На Вашій сторінці є малюнок. При наведенні миші на цей малюнок він повинен змінитися. Коли Ви відведете мишку в сторону, малюнок має набути початкового вигляду.

- Ввести № телефона (поле вводу) і назву міста (з клавіатури). Якщо введено місто, якого немає в списку, то повідомити про це користувача, інакше вивести № телефона, поставивши перед ним код міста.

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

3. Події, пов’язані з клавішами.

До випуску Netscape Navigator 4.0 мова JavaScript не мала коштів визначення натискання клавіш на клавіатурі. Це не дозволяло створювати багато корисних програм. Наприклад, складно було створювати ігри, не без можливості використовувати клавіші зі стрілками.Саме тому останні версії JavaScript дозволяють визначати натискання клавіш. Основний обробник подій, який використовується для цього, - onKeyPress. Він викликається при натисканні та відпусканні клавіші. Як і у випадку з кнопками миші, натискання і відпускання клавіш миші окремо визначається оброблювачами onKeyDown і onKeyUp.Звичайно, необхідно знати, яка клавіша натискається. Це визначається за допомогою об'єкту event. Властивість event.which точно вказує на натискаючи клавіші - воно приймає значення коду ASCII цієї клавіші.Якщо ви віддаєте перевагу використовувати реальні символи, то перетворіть код за допомогою методу fromCharCode в реальні символи. Цей метод перетворює код ASCII у відповідні символи клавіш. Наприклад наступний дескриптор BODY містить обробник подій, що відображає символ клавіші, натискається користувачем:<BODY OnKeyPress="window.alert('Ви натиснули: '+ String.fromCharCode(event.which));"> Цей оператор використовує метод String.fromCharCode для перетворення властивості event.which в строкове значення, яке відображається як частину повідомлення.

4.Використання подій в HTML-коді.

При використанні в рамках технології DHTML JavaScript код включається в HTML-код сторінки і виконується інтерпретатором, вбудованим в браузер. Код JavaScript вставляється в теги <script></script> з обов’язковим по специфікації HTML 4.01 атрибутом type="text/javascript", хоча в більшості браузерів мова сценаріїв за умовчанням саме JavaScript.Скрипт, що виводить модальне вікно з класичним написом «Hello, World!» усередині браузера:

<script type="text/javascript">

alert('Hello, World!');

</script>

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

<a href="delete.php" onclick="return confirm('Ви впевнені?');">Видалити</a>

Тут при натисненні на посилання функція confirm('Ви впевнені?'); викликає модальне вікно з написом «Ви впевнені?», а return false; блокує перехід за посиланням. Зрозуміло, цей код працюватиме тільки якщо в браузері є і включена підтримка JavaScript, інакше перехід за посиланням відбудеться без попередження.

Є і третя можливість підключення JavaScript — написати скрипт в окремому файлі, а по тому підключити його за допомогою конструкції:

<script type="text/javascript" src="http://Шлях_до_файла_зі_скриптом"></script>

Соседние файлы в папке Гамоцька