Интерактивность на HTML-страницах. Реакция на действия пользователя Переход по гиперссылке Click мышки на объекте Элементы форм Произвольные события, - презентация

1 Интерактивность на HTML-страницах

2 Реакция на действия пользователя Переход по гиперссылке Click мышки на объекте Элементы форм Произвольные события, вызванные мышкой и клавиатурой

3 Изменение содержимого Загрузка новой страницы Замена картинки Изменение стилевых свойств элемента Перемещение элементов Произвольное изменение содержимого некоторого элемента

4 Изменение стилевых свойств Выделение фрагментов Перемещение

5 Изменение видимости Свойство visibility hidden Свойство display none

6 Позиционирование элементов Свойство position relative – задаёт точку отсчёта координат и координаты самого элемента считаются от этой точки. absolute – назначает отсчёт от предыдущей (внешней) точки. Из нормального потока элементов изымаются. fixed – то же, что absolute, но не прокручивается static – обычное позиционирование

7 Работа с объектом event В FireFox event доступен только в момент самого события В IE после события Корректный код: function action(e){ alert(e.type); }

8 Работа с объектом event Обработка нажатий клавиш function getKey(e){ alert(e.keyCode); // alert(e.charCode); - in FF } text

9 Работа с объектом event Обработка нажатий мышки. Определение координат. Разместить элемент, координаты которого необходимо определить, в элементе, для которого position=relative или absolute Сделать, чтобы поля элемента были фиксированными Использовать разные методы для IE и FF

10 Работа с объектом event IEFireFox x, y+- offsetX, offsetY+- screenX, screenY++ clientX, clientY++ pageX, pageY-+ layerX, layerY-+

11 Изменение содержимого элемента innerText innerHTML outerHTML