XUL The Box Model layout manager and Javascript, HTML implementation?

There are many "Javascript layout manager": http://stackoverflow.com/questions/2131384/common-web-ui-styles

I'm looking for lightweight, modular and HTML XUL like javascript layout manager. But, Dojo, YUI, Qooxdoo, MochaUI... not lightweight. I like "UI.Layout Plug-in" for jQuery, but it not modular.

I need only lightweight layout manager like XUL for Firefox. I'm coding XulWebLayout project: lightweight and modular widgets(Spacing, Resizer..., not include all in one)

<div id="layout-wrapper">
    <div class="XWL_vbox">
        <div class="XWL_vbox">
            <div class="XWL_button">Button 1</div>
            <div class="XWL_spacer XWL_spacer-fixed" style="height:10px"></div> <!-- fixed height if "Spacer module" not load -->
            <div class="XWL_button">Button 2</div>
        </div>
        <div class="XWL_hbox">
            <div class="XWL_button">Button 3</div>
            <div class="XWL_button">Button 4</div>
        </div>
    </div>
</div>

Javascript flows:

Get browser windows sizes.
[Option] Get wrapper sizes: body or wrapper div.
Find all childrens in wrapper.
1 vbox ==> set height = wrapper height, width = wapper width
In vbox, get all childrens => 2 boxs: vbox and hbox
Set vbox height = (wrapper height / 2), width = wapper width
and more...

"Class" attribute can replace by jQuery.metadata plugin.

XUL for "Java": http://luxor-xul.sourceforge.net/

Is it "Reinventing the wheel"?

Best regards.

ansaurus

tags:

views:

answers:

XUL The Box Model layout manager and Javascript, HTML implementation?

related questions