max1220 Window Manager Library

Homepage and documentation for the max1220 Window Manager Library.

Intro

This library implements a window manager using vanilla JavaScript, CSS and HTML5.

The window content displayed in iframes, and the window decoration is configured by specifying a template element to the WindowManager class.

All of the window state(minimized, position, size, resizeable etc.) is directly encoded in the classes and style attributes of the window element, making it both easy to style in CSS and broadly compatible.

The JavaScript WindowManager class has all the functionality for managing windows on a page(adding new windows, handle dragging of windows, keep window list, etc.), and a separate WindowClient class can be used from within the iframe of such a window for actions related to this window(opening a dialog box, closing itself, etc).

Style sheets for the windows and window content are also provided.

License

The max1220 Window Manager Library is released under the MIT license.
See license.html

Documentation

You can view the full documentation here.(open in window)

Demo

You can use the buttons below to use the WindowManager instance on this page.

You can open a window with a URL.
If the domain is cross-origin, some features (like automatic setting of the window title) don't work.


You can change the CSS style used using the buttons below.

Minimized windows

Currently minimized windows(click to restore):