27 ноября 2009

JavaScript видеоурок #2

JavaScript воторой видеоурок

Приветствую вас, уважаемый читатель, сегодня я публикую новый видеоурок по JavaScript. Теперь, от вводного словоблудия, которое я все равно считаю необходимым, мы переходим к практике.

Изучать какие-то новые вещи, как мне кажется, интереснее всего на примерах. Поэтому задачу связи элемента HTML-страницы с переменной JavaScript и организацию доступа к свойствам элемента мы будем осваивать на примере доступа к надписи по умолчанию в поле ввода. Т.е., я покажу как написать скрипт, который уберет надпись из поля ввода при клике по нему левой клавишей мыши.

Поле ввода

Поставленная задача позволит:

  • Освоить метод связи getElementById.
  • Попрактиковаться в работе с переменными.
  • Получить понимание древовидной (объектно-ориентированной) парадигмы JavaScript. Для пущего понимания я решу еще одну задачу – изменение цвета рамки поля ввода при клике.
  • Поставленные задачи решаются двумя путями. Первый путь – это использование функции, что позволит нам изучить синтаксис процесса. Второй – применение директивы this, что, опять таки, позволит нам познакомиться с данной полезной штуковиной.

Видео с сервис YouTube (Часть 1):

Видео с сервиса YouTube (Часть 2):

Видео одной порцией на RuTube:

При желании вы можете скачать видеоурок в лучшем качестве с Deposit Files или с Яндекс.Диска (*.wmv, 38.7 МБайт).

HTML-файлы со скриптами, демонстрируемые в видео, можно скачать с Deposit Files (.zip, 2 КБайта)


Поговорим о постовых. Уважаемые администраторы тематически-близких ресурсов, я с радостью обменяюсь с вами постовыми. Связаться со мной можно через контакты.

В блоге "Записки программиста" опубликован интересный пост - Определение CMS средствами Perl. Рекомендовано к ознакомлению.

http://depositfiles.com/files/7bfgws9l2
Плюсануть
Поделиться
Отправить
Класснуть
Линкануть
Запинить