Show Ajax Content In Fancybox On Fly

i am working on ajax and i want to show the content after success in in a fancy box. i already did it through jquery ui dialoge but the problem with it is of overlay which i am una

Solution 1:

I just tried your code and it works for me. If you specifically don't see overlay effect, like fading of all the other content, it may be because you forgot to include jquery-ui .css file along with .js

Solution 2:

To open your response in fancybox try

function showCustomer() {
    // fire off the request to ajax_stufflist.php
    request = $.ajax({
        url: "ajax_stufflist.php?" + url,
        type: "post",
        success: function (data) {
            var $response = $(data).find("#gmp_stuff").html();
            $("#user_responses").html($response);
            // show user response in fancybox
            $.fancybox({
                // fancybox API options here
                href: "#user_responses"
            })
            /*
            $(function () {
                $("#user_responses").dialog({
                    modal: true,
                    buttons: {
                        Ok: function () {
                            $(this).dialog("close");
                        }
                    }
                });
            });
            */
        },
        error: function () {
            // or show error in fancybox 
            // alert("failure");
            $.fancybox("Failure: error occured");
            //$("#user_responses").html('error occured');
        }
    });
}

assuming that you have properly loaded the fancybox js and css files