After having seen the isolated examples for the windows and menus, it is maybe not so clear how we can tie these things together to form the basis of an application. Just to show that this can be rather simple, we create a page on which you can place windows in random order, by choosing them from a menu. Let's make it clear with a screenshot:
The source code for this example can be found in bookApps/sqLittleWindows
.
The web application page consists of two parts: a menu and a window area. We created some simple windows that can be placed in the window area by choosing one of the menu options. There are two types of windows: windows that contain a Google gadget and windows that contain handcrafted items. The Google gadgets were rather randomly chosen from the vast supply at http://www.google.com/ig/directory?synd=open&cat=all. These gadgets must be placed in an iframe
within the window to work. The other windows just contain some text or some BTL widgets...