События
-= сам сделай сайт! =-

ЭТО НЕ ТАК УЖ И СЛОЖНО...

- Основы языка HTML -

  • С чего начинать?
  • Текст.
  • Цвет и фон.
  • Изображения.
  • Изображения-карты.
  • Ссылки.
  • Стили (CSS).
  • Мета-теги.
  • Таблицы.
  • Списки.
  • Формы.
  • E-mail формa.
  • Горизонтальные линии.

    - Дополнительные сведения -

  • Список елементов HTML.
  • Раскладка цветовой гаммы по RGB-составляющим.
  • Спецсимволы в HTML.
  • Курсоры.
  • Фильтры, применяемые к тексту.
  • Фильтры, применяемые к изображению.
  • Дополнительные возможности тега <BODY>

    - Полезное -

  • Новые окна. (
  • Полезные советы Web-мастеру.

    - Java Scripts -

  • JavaScript.
  • События.
  • Окна с сообщениями.
  • Кнопки.
  • Простые вредоносные JavaScripts.
    • События.

      OnClickРеагирует на одинарный щелчок курсора мыши.

      <A HREF="#null" OnClick="alert('Пример события OnClick'); return false" LANGUAGE="Javascript"> Пример </A>

      OnDblClickРеагирует на двойной щелчок курсора мыши.

      <A HREF="#null" OnClick="return false" OnDblClick="alert('Пример события OnDblClick')" LANGUAGE="Javascript"> Пример </A>

      OnDragStartРеагирует на перетаскивание курсором мыши.

      <A HREF="#Eventondragstart" LANGUAGE="VBscript" ID="egOnDragStartLink" OnClick="self.event.returnValue=false" TARGET="HTMLib_content"> Пример </A>

      <script LANGUAGE="VBScript">
      <!--
      Sub egOnDragStartLink_OnDragStart
      egOnDragStartLink.innerText="Поперетаскивать захотелось ?" self.event.returnValue=false
      l=setTimeOut("ResetOnDragStartExample()",3000)
      End Sub
      Sub ResetOnDragStartExample()
      egOnDragStartLink.innerText="Еще хочется ?"
      End Sub
      //--></script>

      Заданное по умолчанию действие перемещения было отменено. Нормальное действие должно было бы загрузить документ, вызванный ссылкой .

      OnHelpПри одинарном щелчке курсором мыши можно нажать кнопку F1, при этом отобразится подсказка с инструкциями о том, что данная ссылка реагирует на двойной щелчок курсором мыши.

      <A HREF="other_page.html" LANGUAGE="Javascript" onclick="return false" OnHelp="alert('Дважды нажмите ссылку, что бы документ открылся.');return false" ondblclick="alert('Это просто пример - ничего не откроется...')"> Пример </A>

      OnKeyDownРеагирует при нажатии и держании клавиши.

      <A HREF="#null" OnKeyDown="alert('Пример события OnKeyDown')" LANGUAGE="Javascript"> Пример </A>

      OnKeyPressРеагирует при нажатии клавиши.

      <A HREF="#null" OnKeyPress="alert('Пример события OnKeyPress')" LANGUAGE="Javascript"> Пример </A>

      OnKeyUpРеагирует при отпускании клавиши.

      <A HREF="#null" OnKeyUp="alert('Пример события OnKeyUp')" LANGUAGE="Javascript"> Пример </A>

      KeyCodeСодержит символ клавиши (UNICODE) , которая была нажата, чтобы заставить события onkeypress, onkeydown или onkeyup работать.
      OnMouseDownРеагирует на нажатие кнопки мыши.

      <A HREF="#null" OnMouseDown="alert('Пример события OnMouseDown')" LANGUAGE="Javascript"> Пример </A>

      OnMouseMoveРеагирует всякий раз, когда мышь пользователя перемещается поверх определенного текста в документe. В следующем примере, когда пользователь проводит по тексту курсором мыши, в статустной строке отображается разный текст:

      <p onmousemove="top.status='Здесь ПЕРВЫЙ комментарий...'" STYLE="cursor:default" ALIGN="center"> Здесь первый комментарий, <em onmousemove="top.status='Здесь ВТОРОЙ комментарий...';self.event.cancelBubble=true;return true"> здесь второй</em>, и снова первый.</p>

      Здесь первый комментарий, здесь второй, и снова первый.

      OnMouseOutРеагирует когда курсор мыши оставляет ссылку.

      <A HREF="#null" OnMouseOut="alert('Пример события OnMouseDown')" LANGUAGE="Javascript"> Пример </A>

      OnMouseOverРеагирует когда курсор мыши пользователя входит в область ссылки.

      <A HREF="#null" OnMouseOver="alert('Пример события OnMouseOver')" LANGUAGE="Javascript"> Пример </A>

      OnMouseUpМожет использоваться, чтобы выполнить функции сценария после того, как мышь пользователя была нажата и отпущена - противоположность события OnMouseDown.

      <A HREF="#null" OnMouseUp="alert('Пример события OnMouseUp')" LANGUAGE="Javascript"> Пример </A>

      OnSelectStartИсполняется всякий раз, когда пользователь начинает выбирать некоторый текст, который является содержанием элемента.

      <table BORDER="8" BgColor="red" WIDTH="65%" cellspacing=8>
      <tr><td>
      <p ID="paraSelectStart">Выбор любого элемента из этого текста заставит изменять его цвета ... иногда дико
      <script LANGUAGE="VBScript">
      <!--
      Sub paraSelectStart_onselectstart()
      Dim hexColor
      Dim hexColor2
      hexColor=hex(rnd*16777215)
      if hexColor>"ffffff"then hexColor="ffffff"
      hexColor2=hex(rnd*16777215)
      if hexColor2>"ffffff"then hexColor2="ffffff"
      on error resume next
      set elRef=document.all("paraSelectStart")
      elRef.style.backgroundColor=hexColor
      elRef.style.color=hexColor2
      self.event.returnValue=false
      End Sub
      //-->
      </script>
      </td></tr>
      </table>

      Выбор любого элемента из этого текста заставит изменять его цвета

      Пример совместной работы событий OnMouseOver, OnMouseOut и свойства status :

      <A HREF="#null" onMouseOver="status='Добро пожаловать !' ;return true" onMouseOut="status='Домашняя страничка Владимира Дригалкина' ;return true"> Пример </A>

      При загрузке документа в статусной строке одна информация, при попадании указателя мыши в область ссылки - другая, а после выхода указателя мыши из этой области - третья.


    Вернуться?
    Hosted by uCoz