КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Сколько мух идёт пешком по потолку?
|
|
|
|
Пешком по потолку.
Столе, 12 летают вокруг лампочки, остальные идут
В кухне находится 39 мух. 6 мух пьют чай из лужи на
Чертёж одиннадцатый Операторы JS, «половина» третья
Очень часто скрипты применяют для проверки данных, введённых пользователем, будь то заказ товаров, запрос в базу данных или анкета. Как это делается, рассмотрим на примере шутливого теста, который приготовила для своих посетителей синичка Клава.
1. Прежде всего создадим формы для вопросов:
c в файл klava.htm записываем строки:
<FORM name=f1>
<FIELDSET><LEGEND>Вопрос 1</LEGEND>
<DIV>Когда хозяин вышел в сад с ружьём,
с одной яблони упало 4 соседа, а с другой
на 3 соседа больше. Сколько соседей упало
со второй яблони?
</DIV>
<BR><INPUT type=radio name=r onclick=ot(1,1)>1 сосед
<BR><INPUT type=radio name=r onclick=ot(1,2)>5 соседей
<BR><INPUT type=radio name=r onclick=ot(1,3)>7 соседей
<BR><INPUT type=radio name=r onclick=ot(1,4)>11 соседей
<BR><INPUT type=text name=vo disabled>
</FIELDSET>
</FORM>
Здесь мы использовали ещё один элемент управления
<INPUT type=text name=vo disabled>,
который помещает на страничку текстовое поле. В нём будет отображаться оценка – верный или неверный был дан ответ на вопрос. Этому полю мы даём имя vo и делаем его недоступным для редактирования, задав атрибут disabled.
Вопрос вместе с вариантами ответов помещаем в рамку <FIELDSET>, а эту рамку – в контейнер <FORM>, которому даём имя f1. Теперь к любому объекту этой формы можно обратиться по составному имени: f1.vo – к текстовому полю, f1.r – к переключателю.
Более того, если мы далее разместим ещё одну форму с именем f2, то объектам внутри неё можно дать точно такие же имена, как в первой форме. Что мы и сделаем, так как это значительно облегчит обработку результатов в дальнейшем.
c итак, добавляем второй вопрос:
<FORM name= f2 >
<FIELDSET><LEGEND>Вопрос 2 </LEGEND>
<IMG src=images/test1.jpg>
<BR><INPUT type=radio name=r onclick=ot(2,1)> 0 мух
<BR><INPUT type=radio name=r onclick=ot(2,2)> 18 мух
<BR><INPUT type=radio name=r onclick=ot(2,3)> 21 муха
<BR><INPUT type=radio name=r onclick=ot(2,4)> 27 мух
<BR><INPUT type=text name=vo disabled>
</FIELDSET>
</FORM>
Здесь выделено то, чем содержимое этой формы отличается от содержимого первой. Как видишь, есть смысл воспользоваться буфером обмена, а затем просто поменять выделенный текст.
c самостоятельно добавь ещё три-четыре вопроса, можешь придумать свои, а можешь воспользоваться следующими картинками:
2. Конечно же, тест не должен появиться на страничке просто так, без всякого «вступления». Более того, создадим небольшое препятствие на пути любознательных посетителей, попросив их ввести пароль:
c добавь в файл klava.htm выделенные строки:
<BODY bgcolor=#ffddff text=#880088>
<P>Клава очень любит читать. Самая любимая её книжка
называется «Задачник», а написал эту
|
|
|
|
|
Дата добавления: 2014-11-16; Просмотров: 546; Нарушение авторских прав?; Мы поможем в написании вашей работы!