Листинг 3.1, а. Изменение размеров изображения и толщины рамки вокруг него

14 15 16 17 18 19 20

<HTML>

<HEAD>

<TITLE> Исследование свойств изображений </TITLE>

<!-—

function chpict(obj)

{ var w=obj.wd.value

var h= obj.hg.value

if (w!=0) document.mypict.width=w

if (h!=0) document.mypict.height=h

document.mypict.border=obj.br.value

document.mypict.alt=obj.al.value

}

//-->

</script>

</HEAD>

<НЗ>Встраиваемые изображения</НЗ>

Для изменения размеров изображения введите значения одного

или двух параметров и нажмите кнопку <В>Просмотр</В><br>

ширина (width): <input type="text" name="wd" size=8><br>

высота (height): <input type="text" name="hg" size=8><br>

Для задания рамки введите число, определяющее толщину рамки

в пикселах, и нажмите на кнопку <В>Просмотр</В><br>

толщина рамки (border): <input type="text" name="br"

size=8 value=0><br>

Альтернативный текст (alt): <input type="text"

name="al" size=40><P>

</FORM>

</CENTER>

</BODY>

</HTML>

В описанном документе имеется лишь одно изображение. Доступ к нему можно получить, воспользовавшись свойствомimages объектаdocument, следующим образом: document.images [0]. Доступ же к различным свойствам изображения можно получить с помощью свойств самого изображения, например, так:

document.images[0].width

document.images[0].height

document.images[0].border

document.images[0].alt

Диалог с пользователем обеспечивается с помощью формы. В последнем примере используется одна форма. Доступ к форме можно получить так: document, forms [0]. Форма содержит шесть элементов, четыре текстовых поля и две кнопки. Свойство elements формы хранит информацию обо всех ее элементах в том порядке, в каком они встречаются в HTML-документе. Получить доступ к объектам формы можно, воспользовавшись свойствами:

document.forms[0].elements[0]

document.forms[0].elements[1]

document.forms[0].elements[2]

document.forms[0].elements[3]

document.forms[0].elements[4]

document.forms[0].elements[5]

В следующем варианте решения задачи (листинг 3.1, б) доступ ко всем значениям осуществляется с помощью свойств images и forms объекта document.

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