Работа с панелью окон - 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 )
Возвращает объект {...} со следующими полями :
Поле | Тип | Назначение |
---|---|---|
count | number | Количество существующих окон (кроме модальных), как скрытых, так и открытых. |
desc | number | 0 (панель окон) |
descTop | number | descriptor окна на переднем плане (кроме модальных), 0 - если видимых окон нет, или 2-49 |
dialog | number | Признак модального диалогового окна, 1 - существует, 0 - нет |
message | number | Признак модального окна сообщения, 1 - существует, 0 - нет |
left | number | Текущая координата X левого верхнего угла Панели окон в пикселях |
top | number | Текущая координата Y левого верхнего угла Панели окон в пикселях |
width | number | Текущая ширина Панели окон в пикселях |
height | number | Текущая высота Панели окон в пикселях |
eWidth | number | Текущая ширина Значков панели окон в пикселях |
eHeight | number | Текущая высота Значков панели окон в пикселях |
Для навигации по всем страницам этого раздела сайта используйте пиктограмму или ссылку Навигация в верхней строке навигации.
Демо - блок с примерами использования функций
Визуальный пример использования ряда плагинов (отдельная веб-страница), в котором продемонстрированы следующие возможности:
- объект управления событиями
- комбинированные списки выбора (combobox)
- анимационные меню
- вывод модального окна сообщения
- работа с окнами и панелью окон
- работа с Гридами (в статичном блоке и в окнах)
- работа плагина анимации
- возможно, что-то ещё...
См. исходный код страницы. На странице находятся базовые CSS-стили и JavaScript-код управления страницей с комментариями
(на всякий случай, сорри за оформление кода страницы - страница предназначена для теста Гридов и скорости браузеров, а не для красоты кода).
Ссылка на страницу: Визуальный пример некоторых плагинов