Листинг 6.9. Простая тестирующая программа

<HTML>

<HEAD>

<TITLE>Города и памятники. (Зарубаева)</TITLE>

<script>

<!-—

var sum=0

var q

var a

function eq()

{ q=test.question.value

a=test.answer.value;

if (a==q) sum +=1

}

function result()

(document.test.res.value=sum}

//-->

</script>

<BODY background="fon3.gif">

<h3 align=center>Города и памятники</hЗ>

<FORM name="test">

<TABLE border=3 align=center cellpadding=5

cellspacing=6 bgcolor= silver>

<ТК><ТН>Памятник</ТН><ТН>Находится в городе</ТН>

<TR><TD>

<select size =7 name="question"

onChange="q=test.question.value">

<option value="mad">Myзeй Прадо<br>

<option value="ber" >Рейхстаг<br>

<option value="mil">Оперный театр Ла Скала<br>

<option value="ier">Cтeнa Плача<br>

<option value="mek">Священный камень Кааб<br>

<option value="spb">Медный Всадник<br>

<option value="mos">Третьяковская галерея<br>

<option value="par">Tpиyмфaльнaя Арка<br>

<option value="new">Статуя Свободы<br>

<option value="lon">Tayэp<br>

</select>

</TD>

<TD>

<select size=7 name="answer" onChange="eq()">

<option value="spb">Caнкт-петербург<br>

<option value="mos">Mocква<br>

<option value="mek">Meккa<br>

<option value="ier">Иepycaлим<br>

<option value="mil">Милан<br>

<option value="par">Пapиж<br>

<option value="mad">Мадрид<br>

<option value="lon">Лoндoн<br>

<option value="new">Нью-Йорк<br>

<option value="ber">Бepлин<br>

</select>

</TD></TR>

</TABLE>

<CENTER><P>

<input type="button" value= "Результат" onclick="result(}"><br>

Количество правильных ответов

<input type="text" name="res" size="5"><P>

<input type="reset" value= "Обновить" onclick="sum=0">

</FORM>

</BODY>

</HTML>

Цветовое оформление таблицы и ячеек

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

Предположим, что для размещения картин в галерее требуется задать цвет фона стены и цвет рамок картин. В рассматриваемом примере с помощью выбора цвета фона таблицы и цвета фона ее ячеек задается та цветовая гамма, которая более удачно соответствует изображениям или вкусам пользователя. Выбор цвета фона таблицы и ячеек выполняется с помощью списка. Не предусматривается возможность задания для каждой из ячеек отдельного цвета. HTML-код документа, содержащего функции, выполняющие необходимые преобразования, имеет вид, представленный в листинге 6.10.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: