Example Windows

So as part of my on-going exploring and learning of jQuery I want to create a window system.  This will let me explore the wonderful world of jQuery as well as create something functional and useful for my work project.

This window system will need to be dragable, droppable, completely resizable via all standard and expected methods.  It will need to be able to have x number of configurable buttons within the border both left and right, have other customizable data within the top header..

I want to make it so that each window is basically a container, and thus can contain anything.. including other windows.

Most of these windows will need to be created dynamically completely at run time.  That means no static HTML at all.  But the windows will need to know where to live I suppose.. Users will need to be able to drag the window and the “desktop” will either allow free dragging or snapping to place holders..  Not sure the best way to go about this just yet..

Above you should see a window. It doesn’t know how to pull information from the page yet, but soon it will be able to replace an element within the page with a window of the same information.

The window is a container that already comes with 2 tabs per the window definition (which is defined in json)..

Next is just a plain window with a plain block of text.

This still doesn’t work. It will.. bear with me.

I plan to add the various icons and twisties support soon.