<HTML>
<HEAD>
<TITLE>Данные, представленные переключателем. Идентификаторы</TITLE>
<script language="JavaScript">
<!-—//
function vid()
{ var d=document
var k=0;
if (d.all("i1").checked) k=l
else
if (d.all("i2").checked) k=2
else
if (d.all("i3").checked) k=3
else
if (d.all("i4").checked) k=4
d.all("resch").value=k
}
//-—>
</script>
</HEAD>
<BODY>
<FORM name="form1">
Выберите форму витража<hr>
<input type="radio" name="fw" value=l id="i1">пpямoyгoльник<br>
<input type="radio" name="fw" value=2 id="i2">квадрат<br>
<input type="radio" name="fw" value=3 id="i3">треугольник<br>
<input type="radio" name="fw" value=4 id="i4">Kpyr<br>
<hr>
<input type="button" value="Выполнить" onClick="vid()">
<input type="reset" value="Отменить"><hr>
<input type="text" name="res" id="resch">
</FORM>
</BODY>
</HTML>
Выбор параметров обтекания изображения текстом
Напишем сценарий, который предоставляет возможность пользователю задавать значения параметров, определяющих, к какому полю окна (левому или правому) прижимается изображение, и, соответственно, с какой стороны текст его обтекает. Кроме того, требуется предусмотреть возможность задания величины отступов по вертикали и горизонтали, отделяющих текст от изображения.
|
|
Если значение параметра align равно Left, то изображение прижимается к левому краю окна просмотра браузера, а текст или другие элементы документа "обтекают" изображение с правой стороны. Текст, размещаемый рядом с изображением, может занимать несколько строк. В примере на рис. 4.3. значение параметра align задано равным Right, поэтому изображение прижато к правому полю окна браузера, а текст обтекает изображение слева. Текст занимает несколько строк. Для того чтобы изображение и текст не "сливались", можно задать параметры, значения которых определяют величину отступа текста от изображения по горизонтали и вертикали. В приведенном примере значения этих величин равны 15 и 10 соответственно. По умолчанию значение параметра align равно Left, а.значение отступов — 0. При нажатии на кнопку Обновить для изображения и текста будут установлены значения параметров, принимаемых по умолчанию.
Пример HTML-кода, который содержит сценарий, обеспечивающий выполнение действий, задаваемых пользователем, приведен в листинге 4.6.
Рис. 4.3. Обтекание текстом изображения