JavaScript Library: application.js
Mar0108Mar 01, 08
Window Manager for the Web
This article has become outdated and needs an update. I'll be doing that soon.
application.js is a javascript library that adds complete Window Management functionality to JavaScript. It allows you to create, move, resize, destroy, minimize, maximize, and set the opacity of windows. Styling for the windows is set via CSS, including window borders, titlebar look and feel, window manipulation buttons, and default application styles.
One of the reasons the application.js library stands out is it's ability to modify windows after they are created, and it does so using simple public functions that you can call in just one line of code. Functions like:
- var MyApp = new application();
- MyApp.init();
- MyApp.moveTo(x,y);
- MyApp.resizeTo(width,height);
- MyApp.setOpacity(opacity);
- MyApp.Hide();
- MyApp.Close();
Applications can be created invisibly, which means you can load content into a new window before displaying it. An example of this is as follows:
Code:var example = new application("Example App"); var label1 = new example.Controls.Label("Label Text", "display:block; width:200px; height:20px;"); label1.onclick.push(function(e,control){ alert("You clicked label1"); }); example.Controls.Add(label1); label1.setPosition(30,60); example.init();
Application.js is basically just a framework for you to develop on. If you require a window-based interface for your next web development project, you need to download application.js to get a feel for how incredibly easy it is to use. Application.js is free, and can be easily combined with mDock2 to literally create the functionality of an Operating System in your users' web browser.
The Future of application.js
This library is in the final development stage, and a public BETA will be release in a matter of weeks. If you wish to see the current stable version of application.js, www.Cellnotes.ca uses a much less robust, tailored version of the library.



http://amoebaos.org/
I think you'll find that project to be something like what you are looking for.