Отправка формы с использованием возможностей Fancybox Ajax в iFrame

Question

Я хотел бы использовать Fancybox для отображения формы регистрации в iFrame. Затем, как только пользователь заполнил свои данные.

Детали должны обрабатываться с использованием механизмов ajax в Jquery / Fancybox и значений, отображаемых в том же фрейме Fancybox.

Как это можно реализовать, я целый день чесал голову, и я не знаю, где я ошибаюсь.

Ниже мой код

$("a.interested").fancybox({
                'width': 400,
                'height': 400,
                'enableEscapeButton' : false,
                'overlayShow' : true,
                'overlayOpacity' : 0,
                'hideOnOverlayClick' : false,
                'type': 'iframe',
                 ajax: {
                           type     : "POST",
                           cache    : false,
                           url      : "/components/profile/buyer/regbuyer1.php",
                           success: function(data) {
                                $.fancybox(data);
                            }
                        }
            });

Некоторые примеры кода действительно помогут.

Thanx

Answer 1

$("a.interested").click(function(){

    $.ajax: {
        type     : "POST",
        cache    : false,
        url      : "/components/profile/buyer/regbuyer1.php",
        success: function(data) {
            $.fancybox({
                'width': 400,
                'height': 400,
                'enableEscapeButton' : false,
                'overlayShow' : true,
                'overlayOpacity' : 0,
                'hideOnOverlayClick' : false,
                'content' : data
            });
        }
    }
});

от http://fancybox.net/blog

Answer 2

Идея заключается в том, что вы открываете iframe в fancybox, а затем в этом iframe используете обычную запись, поскольку все запросы внутри iframe будут оставаться в этом iframe.

, поэтому все, что вам нужно сделать в своем коде, этоэто:

$("a.interested").fancybox({
                'width': 400,
                'height': 400,
                'enableEscapeButton' : false,
                'overlayShow' : true,
                'overlayOpacity' : 0,
                'hideOnOverlayClick' : false,
                'type': 'iframe',
                'href': "/components/profile/buyer/regbuyer1.php" //or any other url that contains the contents of that iframe
            });

Answer 3

Я считаю, что параметры ajax в fancybox предназначены только для загрузки данных, а не для отправки данных. Вам нужно будет подключить свой собственный пост Ajax для формы. На сайте fancybox есть отличный пример (http://fancybox.net/blog) пример # 5. Я думаю, это именно то, что вы хотите.