Fatal编程技术网
  • javascript/
  • Javascript 如何设置window.opener（）函数的宽度和高度？

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

javascript

Javascript 如何设置window.opener（）函数的宽度和高度？,javascript,popup,facebook-social-plugins,window.opener,Javascript,Popup,Facebook Social Plugins,Window.opener,有一个社交登录wordpress插件，当验证来自社交网站（facebook、google等）的登录时，它会生成一个大的弹出窗口 我想使弹出窗口小得多，但无法解决它。生成弹出窗口的代码为： if( get_option( 'wsl_settings_use_popup' ) == 1 || ! get_option( 'wsl_settings_use_popup' ) ){ ?> <html><head><script>

有一个社交登录wordpress插件，当验证来自社交网站（facebook、google等）的登录时，它会生成一个大的弹出窗口

我想使弹出窗口小得多，但无法解决它。生成弹出窗口的代码为：

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()
        }

if（get_选项（'wsl_设置_使用_弹出窗口'）==1 | |！get_选项（'wsl_设置_使用_弹出窗口'））{
?>
函数init（）{
window.opener.wsl\u wordpress\u社交登录({
“操作”：“wordpress\u社交登录”，
“提供者”：“
});
window.close（）
}
如何设置此弹出窗口的宽度和高度

提前感谢！

更新居中窗口

将这2个计算添加到
provider=$（this）.attr（“数据提供程序”）；
下面：

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

top="+datop+",left="+daleft+""
像这样：

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

编辑

你可以在这里找到这个文件：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"
);
要更改宽度和高度，请编辑这两个参数：
。宽度=1000，高度=600“

请注意，我添加注释是为了让您了解函数的作用和您正在做什么

此代码不是打开弹出窗口的代码。真正的插件名称是什么？插件是Wordpress Social Login：您已经安装了吗？我可以看到弹出窗口吗？我需要它来了解我必须搜索的代码如果您找不到，请检查编辑文件太棒了，非常感谢。你知道有没有办法让它在页面的中间而不是左上角打开？@Alex你设置了什么维度？窗口。打开（popupurl+“provider=“+provider”，“hybridauth\u social\u sing\u on”，“位置=否，状态=0，滚动条=0，宽度=400，高度=225“@Alex谢谢你，请尽量减少这种网站的破坏；）。。 
window.open(
    popupurl+"provider="+provider,
    "hybridauth_social_sing_on",
    "location=1,status=0,scrollbars=0,width=1000,height=600"
);