[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Мейрам)  
Событие (event) «On mouse»
Дата: 11.01.2011, Вторник, 15:27:42 | Сообщение # $NUMBER
Группа: Удаленные
Сообщений:
Репутация: +
Событие (event) «On mouse»

События (events) и обработчики событий (event handler) относятся к JavaScript, но они скорее «встроены» в HTML-код, а не существуют самостоятельно. Они входят в структуру документа НТМL, не требуя команд <SCRIPT> и </SCRIPT>.

Они добавят динамики вашему сайту. Среди разнообразных обработчиков событий для начала мы выберем один- onMouseOver (навести мышь).

А. Скрипт 1:
<A HREF="urok.htm" onMouseOver="window.status='Посмотри строку состояния';
return true">Ссылка на другую страницу</A>
Все это должно быть на одной строке.
Результат работы скрипта: при наведении указателя мыши на текст в окне (ссылку) в строке состояния появится надпись «Посмотри строку состояния», если щёлкнуть указателем, то перейдём на другую страницу по гиперссылке.

Разбор скрипта:

- onMouseOver (обратите внимание на заглавные буквы) представляет собой обработчик событий (Event Handler) гипертекстовой ссылки. Он используется внутри гиперссылки
- событие (Event) приводится в действие, когда браузер распознает onMouseOver=""
- объектом является window (окно), оно существует; status (статус) представляет собой property (свойство) oкна. Это небольшой участок окна, где должен разместиться следующий текст, который появится в строке состояния при наведении указателя ЛКМ на ссылку.
- return true дают скрипту указание проверить, есть ли строка состояния. Если отчет (return) соответствует действительности (true), тогда происходит событие.
В. Другие свойства: создать ссылку, которая изменяла бы фон страницы с помощью обработчика onMouseOver. Цветом фона страницы в JavaScript управляет команда bgColor.

Формат команды: document.bgColor='цвет'

Скрипт 2

<a href="urok.htm" onMouseOver="document.bgColor='334775';
return true">Не щелкать?…</a>
Результат работы скрипта: при наведении указателя мыши на текст в окне (ссылку) цвет фона изменится на другой цвет, если щёлкнуть указателем, то перейдём на другую страницу по гиперссылке.
С. Для написания двух событий, которые должны произойти одновременно нужно ставить запятую, чтобы отделить друг от друга разные команды JavaScript. Вернем документу первоначальный цвет и разместим текст «Посмотри строку состояния».

Скрипт 6

<a href="urok.htm" onMouseOver="document.bgColor=' white ', onMouseOver window.status='Посмотри строку состояния'; return true">Может быть щелкнуть? </a>
Результат работы скрипта: при наведении указателя мыши на текст в окне (ссылку) в строке состояния появится надпись «Посмотри строку состояния», цвет фона изменится, если щёлкнуть указателем, то перейдём на другую страницу по гиперссылке.
D. Новый метод - alert() (предупредить), который вызывает небольшое диалоговое окно с текстом- предупреждением и кнопкой OK.

Формат команды: alert('текст в окошке')

Автор: Я и никто другой, писался давно для этого проекта во время моего администратирования (из старичков кто-то все равно помнит)

  • Страница 1 из 1
  • 1
Поиск: