Функции работы со слоями layers
Полный список свойств и функций, а так же общие правила их использования, см. здесь: Краткий обзор и правила, список функций VcorpJS.
Функции работы со слоями доступны только ПОСЛЕ инициализации объекта VcorpJS
Рекомендуется внимательно следить за значением zIndex - если хотите, чтобы слои не перекрывали необходимые элементы.
Плагины VcorpJS используют следующие диапазоны zIndex:
- оконная система от 101 до 149 (панель окон 100)
- всплывающие фото от 201 до 209
- календарь 298 для слоя и окна
- модальное диалоговое окно - 251 для слоя и минимум 251 для окна
- модальное окно сообщения - 298 для слоя и 299 для окна
- при перетаскивании объектов они имеют zIndex: 250 для изображений и обычных окон, 297 или выше для других перемещаемых объектов (зависит от исходного zIndex).
Автор, например, использует модальные диалоговые окна для форм обратной связи, а при AJAX-запросах отправки содержимого форм - создание слоя с zIndex равным 260 или 298 и сообщением об ожидании ответа. В процессе AJAX-запроса может появиться модальное окно сообщения поверх слоя и диалогового окна.
.addLayer( [ parent ] , [ background ] , [ zIndex ] , [ overflow ] , [ opacity ] )
Добавляет новый слой в родительском объекте parent (ссылка на родительский объект или его текстовый id)
Слой получает абсолютную позицию и максимальные размеры родительского объекта (top=0, left=0, right=0, bottom=0).
Если родитель parent не указан или не найден, то слой добавляется к body ( VcorpJD.B ) и размеры слоя динамично подстраиваются под размеры веб-страницы при изменении размеров (resize) или прокрутке (scroll) окна браузера.
background - строковое значение для стиля background нового создаваемого слоя. Если не указан, то не устанавливается (по-умолчанию).
zIndex - числовое значение zIndex для создаваемого слоя. Рекомендуется от 210 до 298 - исходя из используемых плагинами VcorpJS значений. Если не указан или 0, то zIndex не устанавливается (по-умолчанию).
overflow - строковое значение для стиля overflow нового создаваемого слоя. Если не указан, то не устанавливается (по-умолчанию).
opacity - числовое значение от 0 до 1 для стиля opacity нового создаваемого слоя. Если отсутствует или не числового типа, то не устанавливается (по-умолчанию).
Функция возвращает ссылку на объект - новый слой, или false если слой не создан.
/* слой для всей веб-страницы (добавляется к body) с zIndex 251 и прозрачностью 0.5 */
var myLayer = VcorpJS.addLayer( 0, "linear-gradient(to bottom,#f8f8f8,#d8d8d8)", 251, 0, 0.5 );
/* слой для объекта myObj с zIndex 260 и прозрачностью 0.5, со стилем overflow:hidden */
var myLayer = VcorpJS.addLayer( myObj, "rgba(128,128,128,0.5)", 260, "hidden");
/* слой с анимацией фоновой прозрачности (от 0 до 1) */
var $ = VcorpJS;
...
var myLayer = $.addLayer( 0, "#808080", 260, 0, 0); /* добавить прозрачный слой */
var myDesc1 = $.aOpacity(myLayer,1000,100,0,1); /* анимация прозрачности в течение 1 сек. с шагом 0.1 сек. */
...
if (myDesc1>0) { $.aClear(myDesc1); } /* очистить дескрптор анимации (с принудительным остановом) */
$.removeLayer(myLayer); /* удалить слой */
myLayer = null;
.removeLayer( layer [ , parent ] )
Удаляет объект (слой) layer в родительском объекте parent
layer - ссылка на удаляемый слой или его текстовый id
parent - ссылка на родительский объект или его текстовый id (если не указан или не найден - body)
Функция возвращает true если слой удалён, иначе false
VcorpJS.removeLayer(myLayer);
VcorpJS.removeLayer(myLayer, myObj);
Для навигации по всем страницам этого раздела сайта используйте пиктограмму или ссылку Навигация в верхней строке навигации.