Веб-дизайн и интернет-программирование. Лекции № 10-11.

Веб-дизайн и интернет-программирование. Лекции № 10-11.
Веб-дизайн и интернет-программирование. Лекции № 10-11.

HTML-формы. DHTML

Полезные ссылки

На страницу урока →

Динамический HTML

brawsers_obj

Подробнее про объект document.

HTML-форма

 

 

 
Работа с формами

Пример

 

 
Задание: создать форму для отправки сведений о выбранных курсах.

Поиск элементов


<html>
    <head>...
     <script type="text/javascript">
      function ShowDetails(){
         var elem=document.getElementById('details');
          elem.style.display='block';
      }
     </script> </head>
    <body>
    <p>Нажмите кнопку для просмотра подробностей</p>
    <button type="button" onClick="ShowDetails()">Подробности</button>
    <div id="details" style="display:none">
     Здесь представлены все подробности.
   </div> </body> </html>

 

 

Программное создание, удаления и модификация HTML-элементов

События

  1. События окна и документа;
    • onload
    • onunload
  2. События мыши
    • onClick
      • onmousedown
      • onmouseup
    • ondblclick
    • onmouseover
    • onmouseout
    • onmousemove
  3. События клавиатуры

    • onkeypressed
      • onkeydown
      • onkeyup
  4. События формы и элементов формы
    • onsubmit
    • onreset
    • onfocus
    • onblur
    • onchange

Задания

Работа с изображениями

  1. Настроить смену картинки по щелчку.
  2. Связать видимость секции с событиями мыши.
  3. Организовать смену картинок по щелчку.

Опубликовано: 07.04.2015 г.

один комментарий

  1. Юлия Сергеевна Пономарева · 22.04.2015

    Необходимо ответить на вопрос и задать свой по материалу лекции. Вот первый вопрос.

    Перечислите методы объекта document.