jQuery.ui.domwindow - demo - basic

setup

Setup like below first. jQuery.ui.domwindow will delegate clicks.
See options demo for further info.

$(function(){
    $.ui.domwindowdialog.setup({
        width: 600, // dialog width
        height: 300, // dialog height
        spinnersrc: '../../spinner.gif', // specify this for preload
        selector_open: '.apply-domwindow-open', // opener selector
        selector_close: '.apply-domwindow-close' // closer selector
    });
});

ajaxdialog (source from href)

• open

<a
    class="apply-domwindow-open"
    href="dialog1.html"
    data-domwindow-ajaxdialog="true"
>open</a>

ajaxdialog (source from data-domwindow-ajaxdialog)

• open

<a
    class="apply-domwindow-open"
    href="#"
    data-domwindow-url="dialog1.html"
    data-domwindow-ajaxdialog="true"
>open</a>

iframedialog

• open

<a
    class="apply-domwindow-open"
    href="dialog2.html"
    data-domwindow-iframedialog="true"
>open</a>

iddialog (source from href)

• open

<a
    class="apply-domwindow-open"
    href="#iddialogcontent"
    data-domwindow-iddialog="true"
>open</a>

iddialog (source from data-domwindow-id)

• open

<a
    class="apply-domwindow-open"
    href="#"
    data-domwindow-iddialog="true"
    data-domwindow-id="iddialogcontent"
>open</a>

custom width/height

• open

<a
    class="apply-domwindow-open"
    href="dialog1.html"
    data-domwindow-ajaxdialog="true"
    data-domwindow-width="800"
    data-domwindow-height="800"
>open</a>