Главная > Статьи для программистов > Windoo - создание окон на JavaScript

Windoo - Скрипты генерирования окон на JS

Иногда при разработке приложений возникает необходимость реализовать оконный интерфейс в веб-приложении с возможностями перетаскивания окон и другими элементами стандартных окон операционной системы.

Для этого предназначен плагин окон Mootools Windoo. Windoo это javascript-класс, основанный на фреймворке Mootools, который позволяет создавать перетаскиваемые окна на вашей html-странице с возможностью изменения размеров.

Windoo также включает следующие расширения:

  • Drag.Multi - расширение, основанное на Drag.Base, предоставляющее возможность изменения множества стилей для множества элементов в одно и то же время согласно движению мыши.
  • Drag.Resize - расширение Mootools, которое позволяет использовать хендлер перемещения для изменения размеров окна в 8 направлениях.

Особенности

  • Изменение размеров в 8 направлениях (полностью настраиваемо)
  • Работает в Firefox, Opera, Safari, and IE 6, 7
  • Поддерживает пределы для изменения размеров для контейнерных элементов
  • Полностью настраиваемые темы Windoo
  • Сохраняет пропорции
  • Разнообразные менеджеры окон
  • Поддерживает перекрытия iframe (iframe overlay) для IE (исправляет ошибку <select>
  • Генерирует валидный строгий XHTML код
  • Модульный исходный код с разными вариантами закачки с помощью мастера построения билда

Примеры

  • Drag.Multi: Изменение стилей множества элементов при наведении мышки
  • Drag.Resize: Настраиваемое изменение размеров в 8 направлениях
  • Windoo: Шаблонная страница Windoo page и демо
  • Windoo Aqua: Демонстрация темы MacOS X Aqua для Windoo
  • Windoo builder: Конфигурирование окна
  • Windoo.Ajax: Динамическая загрузка содержания окна

Скачать

Обсуждение.

Возможно на странице открытая ветка Windoo форума Mootools.

Перевод с сайта Google Code: Windoo - Mootools draggable and resizable Window plugin Ильдар Валеев


Google