Question

I have used a tutorial http://www.devcurry.com/2010/06/load-page-dynamically-inside-jquery-ui.html to dynammically load an aspx page into a jquery ui dialog without using an iframe

eg.

$(function() {
        $('<div>').dialog({
            autoOpen: true,
            modal: true,
            open: function() {

                $(this).load('Example.aspx');




            },
            height: 400,
            width: 400,
            title: 'Dynamically Loaded Page'
        });

When I debugged this page it just loading a blank dialog box with none of the content in even though the page has content. I have written it with the paths

eg $(this).load('/Home/Example.aspx');

I have even added in a function to check if it is loading

eg $(this).load('/Home/Example.aspx', function(){alert(Load Successful);}); which does return true YET still no content in the dialog

I am using Jquery 1.3.2 an ui 1.7.3 with ASP.Net Mvc

I know there are lots of questions/answers on this topic on stackoverflow but none of them seem to be successfully answering my problem and as these questions seem a year old not sure whether someone will get back to me asap.

Any ideas on showing the content in the dialog

Thank you

Answer 1

The answer is…

$(function() {
        $('<div></div>').hide().load('Home/Example #content_form', function() {
        $(this).dialog({

                autoOpen: true,
                modal: true,
                height: 400,
                width: 400,
                title: 'Dynamically Loaded Page'
            })

        })

With Example.aspx having a tag with ID = content_form