Интерактивность на HTML- страницах
advertisement
Интерактивность на HTMLстраницах
Реакция на действия
пользователя
Переход по гиперссылке
Click мышки на объекте
Элементы форм
Произвольные события, вызванные
мышкой и клавиатурой
Изменение содержимого
Загрузка новой страницы
Замена картинки
Изменение стилевых свойств
элемента
Перемещение элементов
Произвольное изменение
содержимого некоторого элемента
Изменение стилевых свойств
Выделение фрагментов
Перемещение
Изменение видимости
Свойство visibility
hidden
Свойство display
none
Позиционирование элементов
Свойство position
relative – задаёт точку отсчёта координат и
координаты самого элемента считаются от
этой точки.
absolute – назначает отсчёт от предыдущей
(внешней) точки. Из нормального потока
элементов изымаются.
fixed – то же, что absolute, но не
прокручивается
static – обычное позиционирование
Работа с объектом event
В FireFox event доступен только в момент
самого события
В IE после события
Корректный код:
<script> function action(e){
alert(e.type);
}
</script>
<img src="empty.jpg" onClick="action(event)">
Работа с объектом event
Обработка нажатий клавиш
<BODY OnKeyPress=getKey(event)>
<script> function getKey(e){
alert(e.keyCode);
// alert(e.charCode); - in FF
}
</script>
text
Работа с объектом event
Обработка нажатий мышки. Определение
координат.
Разместить элемент, координаты
которого необходимо определить, в
элементе, для которого position=relative
или absolute
Сделать, чтобы поля элемента были
фиксированными
Использовать разные методы для IE и FF
Работа с объектом event
IE
FireFox
x, y
+
-
offsetX, offsetY
+
-
screenX, screenY
+
+
clientX, clientY
+
+
pageX, pageY
-
+
layerX, layerY
-
+
Изменение содержимого
элемента
innerText
innerHTML
outerHTML
