/ / Formulario de envío utilizando las capacidades Ajax de Fancybox dentro de un iFrame - jquery, ajax, fancybox

Envío de formularios con las capacidades Ajax de Fancybox dentro de un iFrame - jquery, ajax, fancybox

Me gustaría usar Fancybox para mostrar un formulario de registro dentro de un iFrame. Luego, una vez que el usuario ha rellenado sus datos.

Los detalles deben procesarse utilizando los mecanismos ajax dentro de Jquery / Fancybox y los valores que se muestran dentro del mismo iframe de Fancybox.

¿Cómo se puede implementar esto? He estado rascándome la cabeza todo el día y no sé en qué me estoy equivocando.

Abajo esta mi codigo

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

Algunos ejemplos de código realmente ayudarían.

Gracias

Respuestas

6 para la respuesta № 1

La idea sería que abres un iframe en fancybox, entonces en ese iframe usa la publicación regular ya que todas las solicitudes dentro del iframe permanecerán en ese iframe.

así que todo lo que tienes que hacer en tu código es esto:

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

7 para la respuesta № 2
$("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


0 para la respuesta № 3

Creo que las opciones de ajax en fancybox son solo para cargar datos, no para enviar datos. Deberá conectar su propia publicación de ajax para el formulario. Hay un gran ejemplo en el sitio de fancybox (http://fancybox.net/blog) ejemplo # 5. Creo que esto es exactamente lo que quieres.