Question

有一个社交登录wordpress插件，当从社交网站（Facebook，谷歌等）验证登录时会产生一个大的弹出窗口

我想让弹出窗口小得多，但无法弄明白。生成弹出窗口的代码是：

if( get_option( 'wsl_settings_use_popup' ) == 1 || ! get_option( 'wsl_settings_use_popup' ) ){
    ?>
        <html><head><script>
        function init() {
            window.opener.wsl_wordpress_social_login({
                'action'   : 'wordpress_social_login',
                'provider' : '<?php echo $provider ?>'
            });

            window.close()
        }

如何设置此弹出窗口的宽度和高度？

提前致谢！

Answer 1

中心窗口的更新

在provider = $(this).attr("data-provider");：

下添加此2计算

datop = (($(document).height()-400)/2);
daleft = (($(document).width()-225)/2);

将这2个参数添加到属性中：

top="+datop+",left="+daleft+""

像这样：

"location=1,status=0,scrollbars=0,width=225,height=400,top="+datop+",left="+daleft+""

<强> END

修改

你可以在这里找到这个文件：wp-content / plugins / wordpress-social-login / assets / js / connect.js

结束修改
文件是“wordpress-social-login \ assets \ js \ connect.js”我不知道这个文件的安装位置，但是你可以在包含登录的每个页面中找到它里面的函数（如果可以的话）找到它，你可以取消，编辑文件并重新安装文件修改）。这应该是您要搜索的功能：

(function($){ $(function(){ $(".wsl_connect_with_provider").click(function(){//selector.event popupurl = $("#wsl_popup_base_url").val();//assign text of the element with id #wls_popup_base.. provider = $(this).attr("data-provider");//assign the attribute data-provider of the element with class .wls_connect.. window.open( popupurl+"provider="+provider,//url "hybridauth_social_sing_on", //window name "location=1,status=0,scrollbars=0,width=1000,height=600"//attributes of the window ); }); }); })(jQuery);

这应该是弹出窗口的代码

window.open( popupurl+"provider="+provider, "hybridauth_social_sing_on", "location=1,status=0,scrollbars=0,width=1000,height=600" );

要更改宽度和高度，请修改此2个参数：..width=1000,height=600"

请注意，我添加了注释，让您了解功能的作用以及您在做什么

如何设置window.opener（）函数的宽度和高度？

1 个答案: