Window.js

Creates a single MochaUI window.

Syntax

new MochaUI.Window(options);

Arguments

options

Options

Returns

Window object.

Example

Define a window.  It is suggested you name the function the same as your window ID + “Window”.

var mywindowWindow = function(){
    new MochaUI.Window({
        id: 'mywindow',
        title: 'My Window',
        loadMethod: 'xhr',
        contentURL: 'pages/lipsum.html',
        width: 340,
        height: 150
    });
}

Example

Create window onDomReady.

window.addEvent('domready', function(){
    mywindow();
});

Example

Add link events to build future windows.  It is suggested you give your anchor the same ID as your window + “WindowLink” or + “WindowLinkCheck”.  Use the latter if it is a link in the menu toolbar.

If you wish to add links in windows that open other windows remember to add events to those links when the windows are created.

// Javascript:
if ($('mywindowLink')){
    $('mywindowLink').addEvent('click', function(e) {
        new Event(e).stop();
        mywindow();
    });
}

// HTML:
<a id="mywindowLink" href="pages/lipsum.html">My Window</a>

Loading Content with an XMLHttpRequest(xhr)

For content to load via xhr all the files must be online and in the same domain.  If you need to load content from another domain or wish to have it work offline, load the content in an iframe instead of using the xhr option.

Iframes

If you use the iframe loadMethod your iframe will automatically be resized when the window it is in is resized.  If you want this same functionality when using one of the other load options simply add class=”mochaIframe” to those iframes and they will be resized for you as well.