Envoi de formulaire à l'aide des fonctionnalités Fancybox Ajax au sein d'un iFrame - jquery, ajax, fancybox

J'aimerais utiliser Fancybox pour afficher un formulaire d'inscription dans un iFrame. Ensuite, une fois que l'utilisateur a renseigné ses informations.

Les détails doivent être traités à l'aide des mécanismes ajax de Jquery / Fancybox et des valeurs affichées dans la même iframe Fancybox.

Comment cela peut-il être mis en œuvre, je me suis gratté la tête toute la journée et je ne sais pas où je me trompe.

Ci-dessous mon code

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

Quelques exemples de code seraient vraiment utiles.

Merci

Réponses:

L'idée serait que vous ouvriez une iframe dans fancybox, puis que iframe utilise la publication régulière, car toutes les demandes de l'iframe resteront dans cette iframe.

donc tout ce que vous avez à faire dans votre code est le suivant:

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

de http://fancybox.net/blog

Je crois que les options ajax de fancybox servent uniquement à charger des données, pas à envoyer des données. Vous devrez connecter votre propre message ajax pour le formulaire. Il y a un bon exemple sur le site fancybox (http://fancybox.net/blog) exemple n ° 5. Je pense que c'est exactement ce que vous voulez.