how to load an ajax content dynamically to fancybox iframe

Asked Aug 29 '13 at 12:35

Active Aug 30 '13 at 05:07

Viewed 1,341 times

I want to show preview of a form on clicking of preview button, so i'm just firing an ajax call (with post request) here to show the data in the fancybox. here is my code

$('#preview').click(function(e) {
    e.preventDefault();

    $.fancybox.showLoading();
    $.post($(this).attr('href'), $('form').serialize(), function(res) {
        $.fancybox(res, {
            beforeShow : function() {
                // do some thing
            }
        });
    });
})

it is working fine, but need to show the ajax response in fancybox of type iframe in order to show it in proper design.

Thanks in advance.

edited Aug 30 '13 at 05:07

asked Aug 29 '13 at 12:35

Anil kumar

4,107
1
21
36

Is `res` the response you get back? – putvande Aug 29 '13 at 12:44
`res` is the response coming from ajax – Anil kumar Aug 29 '13 at 12:45
check http://stackoverflow.com/a/14343547/1055987 or http://stackoverflow.com/a/16956120/1055987 – JFK Aug 29 '13 at 20:39
possible duplicate of [Post preview - Passing data with AJAX and Fancybox](http://stackoverflow.com/questions/14316054/post-preview-passing-data-with-ajax-and-fancybox) – JFK Aug 29 '13 at 20:41
yes it is. but i need to open the response in fancybox of type iframe instead of ajax @JFK . – Anil kumar Aug 30 '13 at 04:18
please check http://stackoverflow.com/questions/4614850/jquery-add-iframe-with-content my question is exactly similar to this one @JFK. – Anil kumar Aug 30 '13 at 04:37

how to load an ajax content dynamically to fancybox iframe

0 Answers0