Работа с панелью окон - JavaScript windows API

Полный список свойств и функций, а так же общие правила их использования, см. здесь: Краткий обзор и правила, список функций VcorpJS.

Для ознакомления с оконной системой VcorpJS и обзора оконных функций рекомендуется почитать Оконная система VcorpJS - краткий обзор и правила,
Функции настроек и установок для окон находятся здесь: Настройка окон и оконная callback-функция
Основные функции работы с окнами находятся здесь: Функции работы с окнами

Панель окон выполняет следующие задачи:

  • визуальный контроль за всеми существующими окнами (кроме модальных)
  • вывод окна на передний план, увеличивая индекс перекрытия других видимых (открытых) окон
  • закрытие (сворачивание) окна, уменьшая индекс перекрытия других открытых окон

На панели окон находятся значки всех существующих «обычных» окон. Значок активного окна выделен.
При клике по значку неактивного окна, это окно всегда открывается и/или выводится на передний план (перекрывает остальные).
При клике по значку активного окна происходит его закрытие (сворачивание), другие окна выстраиваются в порядке их перекрытия, при этом активным становится следующее по индексу перекрытия окно.

Внешний вид значков и самой панели окон настраивается в CSS (см. правила CSS панели окон).

Ширина и высота значков зависит от размеров самой панели окон и от текущего количества существующих окон - это рассчитывается автоматически.

Так же см. Блок с примерами использования функций

.wPanelMove( [ boolean ] )

Возвращает и устанавливает разрешение перемещать панель окон пользователем (0 или false / 1 или true).

Возвращает число 0 (панель неперемещаема) или 1 (пользователь может перемещать)

Для возможности перемещения панели, для класса .pb_win_panel должно быть установлено CSS-правило position: fixed или absolute

.wSet( 0 , [ left ] , [ top ] , [ width ] , [ height ] )

Устанавливает положение и размеры панели окон в пикселях (числа или строки вида "500px").

Функция возвращает true если параметры применены, или false если оконная система не инициализирована.

.wGet( 0 )

Возвращает объект {...} со следующими полями :

ПолеТипНазначение
countnumberКоличество существующих окон (кроме модальных), как скрытых, так и открытых.
descnumber0 (панель окон)
descTopnumberdescriptor окна на переднем плане (кроме модальных), 0 - если видимых окон нет, или 2-49
dialognumberПризнак модального диалогового окна, 1 - существует, 0 - нет
messagenumberПризнак модального окна сообщения, 1 - существует, 0 - нет
leftnumberТекущая координата X левого верхнего угла Панели окон в пикселях
topnumberТекущая координата Y левого верхнего угла Панели окон в пикселях
widthnumberТекущая ширина Панели окон в пикселях
heightnumberТекущая высота Панели окон в пикселях
eWidthnumberТекущая ширина Значков панели окон в пикселях
eHeightnumberТекущая высота Значков панели окон в пикселях

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

Демо - блок с примерами использования функций

Визуальный пример использования ряда плагинов (отдельная веб-страница), в котором продемонстрированы следующие возможности:

  • объект управления событиями
  • комбинированные списки выбора (combobox)
  • анимационные меню
  • вывод модального окна сообщения
  • работа с окнами и панелью окон
  • работа с Гридами (в статичном блоке и в окнах)
  • работа плагина анимации
  • возможно, что-то ещё...

См. исходный код страницы. На странице находятся базовые CSS-стили и JavaScript-код управления страницей с комментариями
(на всякий случай, сорри за оформление кода страницы - страница предназначена для теста Гридов и скорости браузеров, а не для красоты кода).

Ссылка на страницу: Визуальный пример некоторых плагинов

  • «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» - Главная страница раздела
  • Открывать окно навигации
    <<<
    Изменить высоту >>