Объект layer

Объект layer представляет собой слой – свободно позиционированный элемент Web-страницы, созданный с помощью тегов <LAYER> или </LAYER>. Этот объект поддерживает только Navigator, как, собственно, и сами слои. Поэтому подробно рассматриваться работа с ним не будет, приведём лишь в качестве справочного материала перечень его свойств и методов.

Доступ к слоям

Все слои, определенные в документе, доступны как элементы коллекции layers.

document.layers[2]

document.layers[“somelayer”]

Navigator поддерживает прямой доступ к слоям по именам. Имена слоя даются с помощью атрибута NAME тегов <LAYER> и <ILAYER>:

document.somelayer

Для доступа к слою, находящемуся внутри другого слоя, используется такой способ:

document.layers[“outerlayer”] .layers[“innerlayer”]

Свойства

Объект layer имеет следующие свойства:

o above – возвращает ссылку на слой, находящийся над текущим. Если таких нет, возвращается null.

o background – ссылка на объект Image, представляющий фоновый рисунок текущего слоя. Вы можете использовать свойство scr этого объекта для задания или получения адреса файла рисунка. Этому свойству можно присвоить ссылку на другой объект Image. Если для текущего слоя не задан фоновый рисунок, возвращается null.

o below – возвращает ссылку на слой, находящийся под текущим. Если таких нет, возвращается null.

o bgcolor – цвет фона слоя.

o document - возвращает ссылку на объект document, представляющий содержимое слоя.

o left – горизонтальная координата левого верхнего угла в пикселах.

o name – имя тега, заданного в атрибуте NAME.

o pageX – горизонтальная координата слоя относительно остального документа в пикселах.

o pageY – вертикальная координата слоя относительно остального документа в пикселах.

o parentLayer – возвращает ссылку на родительский слой или объект window, если родительского слоя нет.

o siblingAbove – возвращает ссылку на слой, находящийся над текущим и имеющий того же родителя. Если таких нет, возвращается null.

o siblingBelow – возвращает ссылку на слой, находящийся под текущим и имеющий того же родителя. Если таких нет, возвращается null.

o src – возвращает адрес файла документа, отображаемого в слое.

o top – вертикальная координата левого верхнего угла слоя в пикселах.

o visibility – видимость слоя: show показывает его, hide скрывает, а inherit наследует видимость от родителя.

o window – возвращает ссылку на объект window (или frame), где находится текущий слой.

o x – то же самое, что left.

o y – то же самое, что top.

o zIndex – порядок перекрытия слоев. Слои с большим значением этого свойства перекрывают слои с меньшим значением. По умолчанию равно нулю.

Методы

Методы объекта layer:

o load ({Адрес файла нового документа}, {Новая ширина слоя в пикселах}) – позволяет заменить содержимое слоя. В качестве первого параметра принимает Интернет-адрес документа, который будет отображен в текущем слое. В качестве второго параметра указывается новая ширина текущего слоя в пикселах.

o moveAbove ({Имя слоя}) – перемещает текущий слой выше слоя, имя которого передано в качестве параметра.

o moveBelow ({Имя слоя}) - перемещает текущий слой ниже слоя, имя которого передано в качестве параметра.

o moveBy ({X}, {Y}) – перемещает слой на X пикселов вправо и на Y пикселов вниз. Для перемещения влево и вверх задайте отрицательные значения X и Y.

o moveTo ({X}, {Y}) – перемещает слой в точку, заданную координатами X и Y. Координаты отсчитываются отн7осителтно родительского слоя (если такой есть).

o moveToAbsolute ({X}, {Y}) – перемещает слой в точку, заданную координатами X и Y. Координаты отсчитываются относительно документа.

o resizeBy ({X}, {Y}) – увеличивает слой на X пикселов по горизонтали и на Y пикселов по вертикале. Для его уменьшения задайте отрицательные значения X и Y.

o resizeTo ({X}, {Y}) – увеличивает слой до размера, заданного значениями X и Y.

Чтобы окончательно уяснить иерархию объектов в JavaScript приведём следующий рисунок.