2011-12-26 5 views
1

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

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

Так что я попытался следующие:

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

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

Я пробовал установить тип в линию. все, что он делает, действует так, как будто оно представляет форму. Это ПРЕДИСЛОВИЕ, прежде чем он публикует кампанию.

Изменение функции УСПЕХА к этому:

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

Дописывает все возвращаемые данные в URL в IFRAME.

Любые идеи?

ответ

3

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

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

$("#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; 
}); 
+0

Спасибо Zeno. Проблема только в том, что когда он загружает контент, если я нажимаю кнопку X, чтобы закрыть (верхний правый угол), кнопка закрытия исчезает, но fancybox не закрывается. Если я выхожу за пределы fancybox, он исчезает, но экран остается тусклым. Есть идеи? – swg1cor14

+0

Извините ... заметил это только сейчас :(Этого не должно быть. Если вы предоставите мне пробную страницу, я мог бы изучить ее. –

+0

Перейдите на сайт marketing.wdctravel.com и войдите в систему с помощью [email protected] и mc101005 Затем нажмите кампанию, а затем новую кампанию. Пройдите через мастер кампании и на последнем шаге нажмите превью. Это делает вызов Ajax в I фрейм, но вы не можете закрыть причудливый бокс – swg1cor14

1

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

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

+0

Пожалуйста, обратите внимание, я использую FancyBox-не FancyBox 1 – swg1cor14

+0

используя пример в http://fancybox.net/blog/#tip5 вызывает чтобы попытаться загрузить более подробную информацию о javascript и заголовке на той же странице. Он не загружает его как iframe в fancybox. Принудительный тип iframe заставляет SRC iframe иметь все прикрепленные к нему HTML. – swg1cor14

+0

Это работало отлично для меня, используя FancyBox 2, в частности последнюю часть наконечника № 5: «Простая проверка, отправьте данные с помощью Ajax и ответа на дисплей» – Alexandra

Смежные вопросы