javascript - 弹出窗体居中

Question

说实话，我根本不懂 JavaScript。我一直通过观察别人来弄清楚事情，但这次不是!我希望我的其中一个表单以提交为中心弹出。到目前为止，我已经让它弹出并保留表单数据，但我似乎无法将其居中!这是我正在使用的一些代码:

如果有人可以向我解释这一点，那就太好了。我的表单操作看起来有点疯狂，其中包含 document.getElementByID('Name").vaule 加上电子邮件等，但表单字段 id 与操作不匹配，但它仍然有效。我不知道这个或为什么它实际上仍然有效。http://www.computerbytez.com/develop.html 对于正在运行的表单!

表格:

<form action="https://computerbytez.com/InstantChat/Standard/logmein.html?Name=' + document.getElementById('Name').value + '&amp;Email=' + document.getElementById('Name').value, '', 'toolbar=no, status=no, menubar=no, titlebar=no, location=no, scrollbars=no, resizable=no, height=500, width=400'" id="lmiform">
            <div class="form-field">
        <label class="cm-required   " for="elm_7">Name</label> <input class="input-text" id="elm_7" name="name" size="50" style="width: 100%; max-width: 372px;" type="text"/></div>
<div class="buttons-container">
        <span class="button-submit button-wrap-left"><span class="button-submit button-wrap-right"><input type="submit" value="Connect To Technician" /></span></span></div>

表单 JavaScript:

$(document).ready(function() {
    $('#lmiform').submit(function() {
 window.open('', 'formpopup', 'width=620,height=480,scrollbars=no,resizable=no,top=200,left=200');
        this.target = 'formpopup';
    });
});

我也一直在搞乱这个(链接的弹出中心)，并且我一直试图将两者结合起来，但没有成功:

<script>
function PopupCenter(pageURL, title,w,h) {
var left = (screen.width/2)-(w/2);
var top = (screen.height/2)-(h/2);
var targetWin = window.open (pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
} 
</script>

<a href="javascript:void(0);" onclick="PopupCenter('example.html', 'myPop1',620,470);"><img alt="" class="LMIpic" src="live_help_online.gif" /> </a>

任何帮助将不胜感激。谢谢

Answer 1

我访问过您的网站，当单击图像时，弹出窗口会居中显示，对我来说效果很好。 代码看起来不错。尝试清除浏览器缓存。

编辑:

    $(document).ready(function() {
        $('#lmiform').submit(function() {
            var left = (screen.width/2)-(620/2);
            var top = (screen.height/2)-(480/2);
            window.open('', 'formpopup', 'width=620,height=480,scrollbars=no,resizable=no,top='+top+',left='+left);
            this.target = 'formpopup';
        });
    });