how do you open a jquery ui dialog window in parent/opener window?
<p>I am trying to get a jquery ui dialog to open in a parent window from a child window.  In other words, as the child can only have the dialog popup only with in its window's constraints,  I would like to be able to use the contents of the dialog's popup in the constraints of the parent window.</p>

<p>I was trying to use a window.opener to tie in a link, but wasn't having much luck.</p>

<p>Here's the code that opens the window from a Backbone View HTML page:  </p>

<pre><code>popoutWindow = window.open("campaign/genericPopout.aspx", "search", "width=800, height=600, toolbar=0, status=0, menubar=0, scrollbars=1, resizable=1", true);
</code></pre>

<p>inside the genericPopout.apsx's call to a file that builds, with Backbone View, with this command,</p>

<pre><code>new popupSearchView();
</code></pre>

<p>it calls the following Backbone View:</p>

<pre><code>var popupSearchView = Backbone.View.extend({
    events: {
        "click #closeBtn" : "closePopupSerachView"
    },

    initialize: function() {
        this.template = _.template("&lt;div id='searchPopupView'&gt;" +
                                       "&lt;div style='width: 100%; text-align: center;'&gt;Hello World&lt;/div&gt;" +
                                       "&lt;div style='text-align: center;'&gt;&lt;input type='button' id='closeBtn' value='Close' /&gt;&lt;/div&gt;" +
                                   "&lt;/div&gt;"
                                  );
        this.render();
    },

    render: function () {
        formString = this.template();
        $(formString).dialog({
            autoOpen: true,
            height:460,
            width: 350,
            title: "Search",
            modal: false
        })

        return this;
    },

    closePopupSearchView: function () {
        $(this).dialog("close");
    }
});
</code></pre>

<p>It opens the popup dialog fine within the newly opened window, but it doesn't seem to work.  In the parent window HTML, I have a div devoted to this dialog:</p>

<pre><code>&lt;div id="popupSearchViewDiv"&gt;&lt;/div&gt;
</code></pre>

<p>and I tried setting the Backbone el to this div by this:</p>

<pre><code>el: $("popupSearchViewDiv", window.opener.document)
</code></pre>

<p>yet this does not seem to work.  Any thoughts on how I can accomplish this?</p>

<p>Thank You</p>