在fancybox中单击按钮时将参数传递给afterclose回调

Question

In the parent html page , when I click a link fancybox dialog opens up and I load a laravel php view page in that fancybox.

When I press 'login with twitter' button in fancybox dialog, then I want to close the fancybox and redirect to a route(login/twitter)

When I press 'login with facebook' button in fancybox dialog, then I want to close the fancybox and redirect to a route(login/facebook).

To know where to route, I need to know which button is click in the afterClose callback function.

//parent.php

$(".myDiag").fancybox({
        width       : 900,
        height      : 600,
        maxWidth    :"95%",
        padding     : 0,
        fitToView   : false,
        autoSize    : true,
        autoScale   : true,
        autoDimensions: true,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none',
        afterClose : function(signupSource)
            {
                if(signupSource)
                {
                    window.location = "<?php echo route('login'); ?>" + "/" + signupSource;
                }   
            }
    });

//js in Fancybox.php


$('#loginWithTwitter').click(funciton(){
    parent.$.fancybox.close('twitter');  // 'twitter' is not getting sent to the afterClose callback function
});

How to pass the signupSource from Fancybox.php to parent.php?

Answer 1

Made all the those buttons as submit buttons and based on the value received in the posted var corresponding to it.. i got to kknow the signup source .

Instead of closing fancy box parent.$.fancybox.close();and using afterClose callback .. i used target='_top' which automatically posted my form data to parent window and also closed the fancybox before posting it.

Submit a form inside fancybox and redirect the page