jQuery.ui.domwindow - demo - options

basics

Everytime $.ui.domwindowdialog.setup was called, it replaces old settings.
Pass options like below.

overlayclickclose

close or not when overlay was closed. "true" as default.

$.ui.domwindowdialog.setup(optionsObject);

setup as true or setup as false then let me try ajaxdialog

$(function(){
    $('#options1-setup1').click(function(){
        $.ui.domwindowdialog.setup({
            overlayclickclose: true
        });
    });
    $('#options1-setup2').click(function(){
        $.ui.domwindowdialog.setup({
            overlayclickclose: false
        });
    });
    $('#options1-open').click(function(){
        domwindowApi.open('dialog1.html');
    });
});

overlayfade

Enable or not fade animation on overlay. "true" as default.

setup as true or setup as false then let me try ajaxdialog

$(function(){
    $('#options2-setup1').click(function(){
        $.ui.domwindowdialog.setup({
            overlayfade: true
        });
    });
    $('#options2-setup2').click(function(){
        $.ui.domwindowdialog.setup({
            overlayfade: false
        });
    });
    $('#options2-open').click(function(){
        domwindowApi.open('dialog1.html');
    });
});

maxopacity

opacity of the overlay. 0.8 as default

setup as 0.9 or setup as 0.3 then let me try ajaxdialog

$(function(){
    $('#options3-setup1').click(function(){
        $.ui.domwindowdialog.setup({
            maxopacity: 0.9
        });
    });
    $('#options3-setup2').click(function(){
        $.ui.domwindowdialog.setup({
            maxopacity: 0.3
        });
    });
    $('#options3-open').click(function(){
        domwindowApi.open('dialog1.html');
    });
});

forceabsolute

Dialog positioning uses position 'fixed'. But with this option, it forces dialogs to be positioned by 'absolute'. 'false' as default. If you don't specify this option, old mobile browsers and IE6 that doesn't support position fixed get 'true' automatically.

But please take care of Android 2.X. see this page for details.

setup as true or setup as false then let me try ajaxdialog

$(function(){
    $('#options4-setup1').click(function(){
        $.ui.domwindowdialog.setup({
            forceabsolute: true
        });
    });
    $('#options4-setup2').click(function(){
        $.ui.domwindowdialog.setup({
            forceabsolute: false
        });
    });
    $('#options4-open').click(function(){
        domwindowApi.open('dialog1.html');
    });
});

other options

height	Height of dialog
width	Width of dialog
fixedMinY	Minimum top margin when diaglog was over the bottom of the page. Make window size small then check what this means.
selector_open	dialog opener selector. '.apply-domwindow-open' as default. Domwindow watches the click using event delegation.
selector_close	dialog closer selector. '.apply-domwindow-close' as default. Domwindow watches the click using event delegation.
ajaxdialog	Make default dialog to ajaxdialog. Any apicall or data-domwindow-[dialogtype]="true" will override this. "true" as default.
iframedialog	Make default dialog to iframedialog. Any apicall or data-domwindow-[dialogtype]="true" will override this. "false" as default.
iddialog	Make default dialog to iddialog. Any apicall or data-domwindow-[dialogtype]="true" will override this. "false" as default.
ajaxdialog_avoidcache	Make nocache to true when ajaxed. "true" as default.
ajaxdialog_mindelay	Set minimum delay to dialog open when ajaxdialog was used. 300 as default.
bgiframe	see bgiframe demo. "false" as default.
spinjs	see spinjs. "false" as default.
spinjs_options	pass the options to create Spin.js instance. nice looks option as default.