Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I can't see the code to open a dialog in your sample. Anyway - I added a really small example. For this code, I download <a href="http://jqueryui.com/download" rel="nofollow">jquery-ui</a> and I followed the sample for <a href="http://jqueryui.com/demos/dialog/" rel="nofollow">jquery dialog</a>.</p> <p>I even added Ajax, even though there is no connection, and I wrote everything with JQuery - as a response to the comments you got. </p> <p>Here is file #1 - contains a button that invokes an Ajax call to some more content</p> <pre><code>&lt;button onclick="loadAjaxContent()"&gt;Load ajax content&lt;/button&gt; &lt;div id="ajaxContentContainer"&gt; &lt;/div&gt; &lt;script type="text/javascript"&gt; function loadAjaxContent() { $.ajax({ url:'/Application/content', data:{param1:"value1"}, success:function(result){$("#ajaxContentContainer").html(result)}, error:function(result){$("#ajaxContentContainer").html(result.responseText)} }) } &lt;/script&gt; </code></pre> <p>Now here is page #2 - which is injected into the first one. This page has another button that opens a dialog. </p> <pre><code>&lt;button onclick="openPopup()"&gt;open popup&lt;/button&gt; &lt;div id="dialogContent"&gt; this is a dialog content &lt;/div&gt; &lt;script type="text/javascript"&gt; $("#dialogContent").dialog({autoOpen:false}); function openPopup() { $("#dialogContent").dialog('open'); } &lt;/script&gt; </code></pre> <p>Please make sure you import all the js and css files correctly. The list of files to be imported is : </p> <ol> <li>jquery-ui-1.8.16.custom.css (version may vary) - this file should have an "images" folder right next to it</li> <li>jquery-1.6.2.min.js (version may vary)</li> <li>jquery-ui-1.8.16.custom.min.js (version may vary)</li> </ol> <p>You must import the "jquery-ui" file AFTER the "jquery" file. The order is important. </p> <p>This should work, or at least give you a good kick start. Let me know if more is needed. </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload