10.2.4. Разбор сценария

Этот сценарий снова требует четкого понимания иерархии объектов.

1.Во-первых, создаем функцию с переменной searchfor (искать) под названием formsearch, внутри элемента findthis (найти), который обладает свойством value (значение). Она будет результатом чего-то происходящего в объекте document.

2.Вторую функцию помещаем внутри первой. Видите вторую пару {фигурных скобок}?

3.Для второй функции создаем еще одну переменную FullSearchUrl, которая представляет собой адрес поисковой машины Yahoo плюс значение переменной searchfor, полученное через команду document.formsearch.find.value.

4.Наконец, location.href приравнивается переменной FullSearchUrl. После выполнения функции пользователь попадет на итоговую страницу поиска.

5.Теперь переходим к командам формы. Их две: текстовое поле ( TEXT ), куда пользователь вводит свой запрос, и кнопка, запускающая функцию.

6.Обратите внимание, что форма в целом называется formsearch. Помните, что мы говорили об иерархии объектов?

7.Затем для текстового поля задаем имя findthis. Опять иерархия. Видите, как мы идем от большого к малому?

8.Дальше соединяем кнопку с командой onClick, которая запускает функцию.

9.Наконец заканчиваем форму командой </FORM>. Готово.