Листинг 6.7. Изменение свойств горизонтальной линии

15 16 17 18 19 20 21

<HTML>

<HEAD>

<TITLE>Изменение свойств горизонтальной линии</TITLE>

<!-—

function gr(obj,m)

{ document.all("1").color=((obj.elements[5])[m]).text }

function set(obj)

{ var s=""

if(obj.elements[0].checked) s=obj.elements[0].value

else

if(obj.elements[1].checked) s=obj.elements[1].value

else

if(obj.elements[2].checked) s=obj.elements[2].value

document.all("1").align=s

if (obj.wid.value!= "") document.all("1").width=obj.wid.value

if (obj.siz.value!= "") document.all("1").size=obj.siz.value

}

function rset(obj)

{ document.all("1").width=200

document.all("1").size=20

document.all("1").color="red"

document.all("1").align="left"

obj.wid.value=200 obj.siz.value=20

}

//-—>

</script>

</HEAD>

<H3 align=center>Гopизoнтaльныe линии</Н3>

Выберите значения параметров, которые требуется изменить,

и нажмите кнопку <В>Выполнить</В>.

<TR>

<TD>

<PRE>

Выравнивание

<input type="radio" name="m" value="LEFT" checked>LEFT

<input type="radio" name="m" value="CENTER">CENTER

<input type="radio" name="m" value="RIGHT">RIGHT

<input type="text" size=8 name= siz value=20> толщина линии (size)

<input type="text" size=8 name= wid value=200> длина линии (width)

</TD>

Цвет линии (color) <select name= col size=l

onChange="gr(forml,forml.col.value)">

<option value=0 >red

<option value=l>green

<option value=2>black

<option value=3>maroon

<option value=4>green

<option value=5>olive

<option value=6>navy

<option value=7>purle

<option value=8>teal

<option value=9>gray

<option value=10>silver

<option value=ll>yellow

<option value=12>blue

<option value=13>fuchsia

<option value=14>white

</select>

</TD></TR></TABLE><P>

</PRE>

</FORM>

</BODY>

</HTML>

Анкета "Преподаватель и студент"

Напишем сценарий обработки анкеты "Преподаватель и студент". Фамилии преподавателей задаются с помощью списка. Студент выбирает фамилию преподавателя и ставит оценки по указанным критериям.

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

HTML-код документа обработки анкеты имеет вид, представленный в листинге 6.8.

Листинг 6.8. Анкета "Преподаватель и студент"

<HTML>

<HEAD>

<TITLE> Анкета "Преподаватель и студент" (А.Рыжков)</TTTLE>

<!-—

var p=""

var s=""

function gr(obj,m)

{ p=((obj.elements[3])[m]).text }

function statist{obj)

{ var res=0

if(obj[0].checked) {res=res+l}

if(obj[1].checked) {res=res+2}

if(obj[2].checked) {res=res+3}

if(obj[3].checked) {res=res+4}

if (obj[4].checked) {res=res+5}

return res

}

function stat(obj)

{ s=s+p+": "+Number(statist(obj.parl)+statist(obj.par2)+

statist(obj.рагЗ)+statist(obj.par4)+ statist(obj.par5))+"\r\n"

obj.result.value=s

}

//-->

</script>

</HEAD>

<H4 align="center"> Информация о студенте </Н4>

Факультет <select name="faculty" size=1 maxlength=20>

<option value="ram"> мат-мех

<option value="ph"> физфак

<option value="ch"> химфак

</select>

Курс <select name="k" size=l maxlength=l>

<option value=1> 1

<option value=2> 2

<option value=3> 3

<option value=4> 4

<option value=5> 5

</select>

Группа <input type="text" name="group" size=4>

<TR>

<Н4>Список преподавателей:</Н4>

<select name="teacher" size=l col=50

onClick="gr(forml,forml.teacher.value)">

<option value=0> Иванова Марина Валерьевна

<option value=l> Сидоров Виктор Григорьевич

<option value=2> Кулаков Игорь Павлович

<option value=3> Голубев Владимир Андреевич

<option value=4> Петрова Марианна Владимировна

<option value=5> Прокофьева Мария Семеновна

<option value=6> Лебедев Сергей Николаевич

</select>

</TD>

<TD>

<TR><TH align="center"> Показатель </ТН>

<TH colspan=5 align="center"> Оценка </TH></TR>

<ТR><ТD>Соответствие программе

<TD><input type="radio" name="par1" value=1>1

<TD><input type="radio" name="par1" value=2>2

<TD><input type="radio" name="par1" value=3>3

<TD><input type="radio" name="par1" value=4>4

<TD><input type="radio" name="par1" value=5>5

</TR>

<ТR><TD>Учет специфики аудитории

<TD><input type="radio" name="par2" value=l>l

<TD><input type="radio" name="par2" value=2>2

<TD><input type="radio" name="par2" value=3>3

<TD><input type="radio" name="par2" value=4>4

<TD><input type="radio" name="par2" value=5>5

</TD></TR>

<TR><TD>Доказательность изложения

<TD><input type="radio" value=l name="par3">l

<TD><input type="radio" value=2 name="par3">2

<TD><input type="radio" value=3 name="par3">3

<TD><input type="radio" value=4 name="par3">4

<TD><input type="radio" value=5 name="par3">5

</TD></TR>

<TR><TD>Эффeктивныe методы обучения

<TD><input type="radio" value=l name="par4">l

<TD><input type="radio" value=2 name="par4">2

<TD><input type="radio" value=3 name="par4">3

<TD><input type="radio" value=4 name="par4">4

<TD><input type="radio" value=5 name="par4">5

</TD></TR>

<TR><TD>Современный уровень

<TD><input type="radio" value=l name="par5">l

<TD><input type="radio" value=2 name="par5">2

<TD><input type="radio" value=3 name="par5">3

<TD><input type="radio" value=4 name="par5">4

<TD><input type="radio" value=5 name="par5">5

</TD></TR>

</TABLE>

</TD>

</TR>

</TABLE><P>

</FORM>

</BODY>

</HTML>

Тест "Города и памятники"

Напишем сценарий обработки теста "Города и памятники". Названия городов и памятников задаются с помощью списков. Пользователь выбирает в левом перечне название города, а в правом — памятник, расположенный в этом городе. После нажатия кнопки Результат в текстовое поле выводится количество правильных ответов (рис. 6.7).

В сценарии используются три глобальные переменные. Переменная q хранит последнее выбранное значение в левом столбце; переменная а — выбранное значение правого столбца; значение переменной sum содержит число правильных ответов. В двух списках для правильной пары "вопрос/ответ" совпадают соответствующие значения параметра value. Эти значения проверяются после выбора элемента списка правого столбца. Результат тестирования можно посмотреть, если нажать кнопку Результат.

Сценарий, реализующий простую обработку теста, представлен в листинге 6.9.

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