Функции работы со слоями 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);

Для навигации по всем страницам этого раздела сайта используйте пиктограмму или ссылку Навигация в верхней строке навигации.

  • «VcorpJS» - Главная страница раздела
  • Основные сведения
  • Подключение и инициализация VcorpJS
  • Типовой CSS-файл
  • Краткий обзор и правила, список всех функций.
  • Работа с функциями различного назначения
  • Функции общего назначения
  • Работа с классами и стилями
  • Работа с coockie
  • Работа со слоями (layers)
  • Управление событиями, спец-объект и обработчики
  • Работа со встроенными плагинами
  • Плагины VcorpJS - краткий обзор и правила
  • Перетаскивание объектов
  • Многоуровневые анимационные меню
  • Галереи изображений
  • Блоки ротации изображений
  • Модальное диалоговое окно
  • Модальное окно сообщения
  • Переключатели-флажки checkbox
  • Форматированный ввод данных
  • Поля ввода со списком выбора - combobox
  • Календарь (datepicker)
  • Оконная система
  • Оконная система - краткий обзор и правила
  • Настройка окон и оконная callback-функция
  • Функции работы с окнами
  • Работа с панелью окон
  • Табличный вывод данных Grid
  • Grid - краткий обзор и правила
  • Функции работы с Grid
  • Анимация объектов
  • Краткий обзор и правила анимации
  • Базовая функция анимации
  • Функции - обёртки анимации
  • POST запросы VcorpJS
  • POST запросы VcorpJS
  • Canvas и SVG - графика
  • Canvas - краткий обзор и правила
  • SVG - графики (charts)
  • Скачать vcorp_js_00_80.zip (35 Kb - js и css файлы)
  •  
  • Vcorp.ru - Главная страница сайта
  • Тест больших гридов в перемещаемых окнах
  • Тестирование 3D графики в браузерах
  • «Vcorp Generator» - Главная страница раздела
  • «Lazarus fpCEF3» - Главная страница раздела
  • Открывать окно навигации
    <<<
    Изменить высоту >>