|
|
Обработчики событий. События, связанные с мышкой.Так и подмывает начать статью с нудного описания понятий и терминов, которые волей-неволей придется употреблять в этой статье: событие, объект, свойство и т.д. и т.п. Но тогда придется писать не статью, а учебник - толстый и скучный. А хочется рассказать коротко, весело и доходчиво !
Ладно, постараюсь коротко: в данном случае событие - это все, что происходит с вашим компьютером: движение мышки, щелчок ее кнопки или нажатие клавиши на клавиатуре, открытие окна или загрузка в него страницы. Обработчик события в данном случае - это маленький блок JavaScript, который производит определенное действие (по нашему желанию), когда случается какое-то событие.Обработчики событий принадлежат JavaScript, но они скорее «встроены» в HTML-код, а не существуют самостоятельно. Они входят в структуру документа НТМL, не требуя команд <SCRIPT> и </SCRIPT>. Сами они не скрипты, а скорее область взаимодействия между вашей страницей и читателем и поэтому для их использования необязательно писать отдельные программки, а достаточно лишь связать их с определенными тегами. В связи с этим сразу небольшой комментарий. В JavaScript событий много, сегодня мы поговорим только о тех, которые связаны с мышкой. Таких набирается всего семь. Я приведу несколько примеров употребления обработчиков в надежде, что Вы сможете использовать их как основу при реализации своих идей. Первый пример самые любопытные из Вас уже могли наблюдать: при наведении курсора мышки на слово "комментарий", выделенное синим шрифтом, открывается всплывающее окно с небольшим пояснением по теме. Обращаю Ваше внимание: не после клика по ссылке, а только при наведении курсора на это слово. В общем-то, это и не ссылка в обычном понимании: это просто слово, заключенное в тег FONT, синим цветом я его выделил специально, чтобы заметно было. Это окошко и есть результат обработки события "onMouseOver" - (наведение курсора на объект). Как это реализовано, Вы можете посмотреть, кликнув по странице правой кнопкой мыши и выбрав из меню "Просмотр ХТМЛ-кода". Событий, связанных с мышкой, как я уже сказал, набирается семь:
Итак, мы выяснили для себя, что можем заставить браузер посетителя нашего сайта реагировать на выбранное нами событие в нужном для нас месте поместив в тег элемента название события и, указав обработчику объект, с которым необходимо работать и метод, т.е. команду, которую необходимо выполнить или свойство, которое необходимо придать этому объекту. Объекты могут быть разные и свойств у них, а также методов их обработки тоже много. Два примера мы уже имеем: первый - событие onMouseOver открывает всплывающее окно. А где второй? А второй в этом самом всплывающем окне! Если мы кликнем по фразе "Щелкните здесь, чтобы закрыть это окно" - окно закроется. В этом случае событие onClick заставляет обработчик выполнить команду self.close (закрой себя). Посмотрим еще несколько примеров:
И в конце небольшой совет: помните истину - все хорошо в меру. Меня, например, просто бесят сайты, в которых напихано всяких ненужных скриптов и эффектов! То есть, если они поставлены к месту, их, в общем-то и не замечаешь. Но если я захожу на сайт в поисках нужной мне инфы, а вместо нее сначала выскакивает окошко "как тебя зовут?", а после ответа выскакивает следующее: "а сколько тебе лет?" и после следующего - опять вместо нужной мне информации: "О! Ты такой старый, а на нашем сайте первый раз!" - будьте уверены, что это будет и последний раз! И последнее! Я Вас умоляю, не ставьте в Активные Системы Раскрутки страницы со скриптами и прочими излишествами! Сделайте для САР "облегченный" вариант страницы! В противном случае Вы получите эффект, совершенно противоположный ожидаемому! |
| поиск по сайту и в сети: |
| > |
|
|
Copyright © 2001 by Сергей Червонящий.Все права защищены. Запрещено частичное или полное воспроизведение материалов сайта без согласования с автором. |
|
Покупайте на OHO.ru:
|