Листинг 4.11. Фоновое изображение документа, таблицы, ячейки

<HTML>

<HEAD>

<TITLE>Фоновое изображение документа, таблицы, ячейки</TITLE>

<script>

<!-—

function gr(i)

{ var d=document

if (d.forml.bor.value!="")

{ d.all("itab").border=Number(d.forml.bor.value) }

if (d.forml.elements[1].checked)

{ d.all("doc").background="fon" +i+".gif")

else

if (d.forml.elements[2].checked)

{ d.all("itab").background="fon" +i+".gif" }

else

if (d.forml.elements[3].checked)

{ d.allC'itabl").background="fon" +i+".gif"

d.all("itab2").background="fon" +i+".gif"

d.all("itabS").background="fon" +i+".gif"

}

}

//-->

</script>

</HEAD>

<BODY id="doc">

<H4 align=center>Фоновое изображение документа, таблицы, ячейки</Н4>

<TABLE id="itab" border=l cellspacing=20

cellpadding =10 align=center>

<TR><TD id="itabl" bgcolor=silver><IMG src="pl.gif" width=30></TD>

<TD id="itab2" bgcolor=silver><IMG src="pl.gif" width=50></TD>

<TD id="itab3" bgcolor=silver><IMG src="pl.gif" width=100></TD>

</TR>

</TABLE>

<FORM name="form1"><CENTER>

Введите значение толщины рамки (BORDER)

<input type="text" size=8 name=bor

onChange='document.all("itab").border=l*(document.form1.bor.value)'<br>

Для изменения фонового изображения выберите, в какой части

документа хотите его изменить, выберите фон<br>

<TABLE border=2 align=center>

<TR><TD colspan=8>

<input type="radio" name= "fp" value="doc">документ

<input type="radio" name= "fp" value="tab">тaблицa

<input type="radio" name= "fp" value="ct">ячейка

</TD></TR>

<TR>

<TD align=centerxiMG src="fonl.gif" width=20 height=50></TD>

<TD align=center><IMG src="fon2.gif" width=20 height=50></TD>

<TD align=center><IMG src="fon3.gif" width=20 height=50></TD>

<TD align=center><IMG src="fon4.gif" width=20 height=50></TD>

<TD align=center><IMG src="fon5.gif" width=20 height=50></TD>

<TD align=center><IMG src="fon6.gif" width=20 height=50></TD>

<TD align=center><IMG src="fon7.gif" width=20 height=50></TD>

<TD align=center><IMG src="fon8.gif" width=20 height=50></TD>

</TR>

<TR><TD align=center>

<input type="radio" name="op" value=1 onfocus="gr(1)"></TD>

<TD align=center>

<input type="radio" name="op" value=2 onfocus="gr(2)"></TD>

<TD align=center>

<input type="radio" name="op" value=3 onfocus="gr(3)"></TD>

<TD align=center>

<input type="radio" name="op" value=4 onfocus="gr(4)"></TD>

<TD align=center>

<input type="radio" name="op" value=5 onfocus="gr(5)"></TD>

<TD align=center>

<input type="radio" name="op" value=6 onfocus="gr(6)"></TD>

<TD align=center>

<input type="radio" name="op" value=7 onfocus="gr(7)"></TD>

<TD align=center>

<input type="radio" name="op" value=8 onfocus="gr(8)"></TD>

</TR>

</TABLE><br>

<input type="reset" value=Отменить>

</FORM>

</BODY>

</HTML>

Флажки

· Выбор характеристик издания

· Разделы молодежного издания

· Использование флажков в анкете переводчика

· Использование параметра id

· Упражнение

Элемент управления "флажок" используется в случае, когда из предложенных вариантов можно выбрать как один, так и несколько. Каждый вариант выбора задается флажком, который можно либо установить, либо сбросить. Флажок определяется в теге <input> значением checkbox параметра type. Обязательным параметром является параметр value, значение которого будет передано на обработку в случае выбора нажатием кнопки.

Выбор характеристик издания

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

Для задания характеристик издания можно воспользоваться флажком. Пользователь устанавливает флажки для тех свойств, которыми, по его мнению, обладает издание. Обработка анкеты будет состоять в том, что выбранные свойства будут отражены в поле ввода многострочного текста (рис. 5.1).

При щелчке мышью по флажку возникает событие click, обработка которого состоит в вызове функции set с одним параметром, принимающим значение параметра value флажка. Для формирования строки результата служит глобальная переменная s; к имеющемуся значению добавляется значение параметра функции и помещается в текстовое поле. Если нажать ни кнопку Отмена, то очистятся все поля формы. Однако следует позаботиться о том, чтобы значение переменной s изменилось на начальное. Значение параметра реакции на событие click при щелчке по кнопке Отмена задается оператором присваивания, обеспечивающим начальные условия.

HTML-код представлен в листинге 5.1, а.


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



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