Odoslanie formulára pomocou funkcií Fancybox Ajax v rámci iFrame - jquery, ajax, fancybox

Chcel by som použiť Fancybox na zobrazenie registračného formulára v rámci iFrame. Potom, akonáhle užívateľ vyplní svoje údaje.

Podrobnosti by mali byť spracované pomocou mechanizmov ajax v rámci Jquery / Fancybox a hodnôt zobrazených v rovnakom iframe Fancybox.

Ako to môže byť vykonané, som bol poškriabaniu hlavu celý deň a neviem, kde som zle.

Nižšie je môj kód

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

Niektoré príklady kódu by naozaj pomohli.

dík

odpovede:

Myšlienkou by bolo, že otvoríte iframe vo fancyboxi potom v tom iframe použijete pravidelný príspevok, pretože všetky požiadavky v rámci iframe zostanú v tomto iframe.

všetko, čo musíte urobiť vo svojom kóde je toto:

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

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

z http://fancybox.net/blog

Verím, že ajax možnosti v fancybox sú len pre načítanie dát, nie odosielanie dát. Budete musieť pripojiť svoj vlastný ajax príspevok pre formulár. Na stránke fancybox je skvelý príklad (http://fancybox.net/blog) príklad # 5. Myslím, že je to presne to, čo chcete.