Question

I am trying to load an ASPX page into a dialog box when the user clicks on a menu item. The “home” page is built using VS2010 and contains a master page and default page.
When I click on the menu option, the dialog box opens, but is completely blank. If I remove the link to the JS code (by renaming the menu option), the required page opens correctly in the same tab.
The destinantion page does not use the same master page as the calling page, so I do not think I have a problem with conflicting tags and place holders.

Answer 1

If you’re using jQueryUI Dialog it’s a piece of cake :

$(document).ready(function() {
    $('#menu-item').click(function() {
        var mydiv = $('#mydiv');
        mydiv.dialog({ autoOpen: false });
        // Load the content using AJAX
        mydiv.load('mypage.aspx');
        // Open the dialog
        mydiv.dialog('open');

        return false;
    });
});

Hope this will help.