Fancybox 2 Показать результат ajax как iframe - PullRequest
1 голос
/ 26 декабря 2011

Хорошо, поэтому все остальные вопросы либо относятся к версии 1, а не к версии 2, либо они просто вызывают простой файл с 1 переменной.По сути, я хочу взять поля ввода и передать их в файл PHP без отправки формы и отображения html-эха в Fancybox.

В версии 1.34 вы использовали $ .fancybox.showActivity.Но это не вариант в версии 2.

Так что я попробовал следующее:

$.ajax({ 
         url: "exec/preview.php",  
         data: $('#campaignform').serialize(),  
         dataType: "html",
         success: function(data){
            $.fancybox({
                               'content' : data,
                               'type' : 'iframe'
                            });
        }   
}); 

Но я получаю Запрошенный URL / [объект объекта] не найден на этом сервере.

Я пытался установить тип для встроенного.все, что он делает, это действует как отправка формы.Это предварительный просмотр перед тем, как фактически опубликовать кампанию.

Изменение функции SUCCESS на это:

success: function(data){
    $.fancybox(data,{
        'type' : 'iframe'
    });
}

Добавляет все возвращенные данные в URL-адрес iframe.

Есть идеи?

Ответы [ 2 ]

3 голосов
/ 19 января 2012

Я возился с этим, и это сложно, потому что нет никакой документации для FancyBox2.

Я думаю, что это (версия ajax) должно работать:

$("#your_form_id").submit(function() {
    $.fancybox({
        padding         : 0,
        autoSize        : true,
        minHeight       : 10,
        fitToView       : false,
        arrows          : false,
        href            : $(this).attr("action"), //Your form must have an action.
        type            : 'ajax',
        ajax            : {
                type    : "GET",
                cache   : false,
                data    : $(this).serializeArray(),
        },
        scrolling       : 'no',
        transitionIn    : 'none',
        transitionOut   : 'none'
    })
    return false;
});
1 голос
/ 26 декабря 2011

Взгляните на это: http://fancybox.net/blog#tip5

Прокрутите немного вниз, и вы увидите то же самое, что вы делаете в простом примере проверки.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...