Question

我有一个问题我正在与之斗争，我开始看到我的日志开始显示用户没有登录旅馆所以我开始检查并注意到新的登录框架在Opera以外的任何其他浏览器中都不可见。 / p>

我知道div是可见的，如果我删除display：none该框在所有浏览器中都显示，所以我的赌注是JavaScript没有触发。

如果它有任何用途我试图显示的是一个div框架，如下所示，但它正在页面顶部。

<script type="text/javascript">
    function ShowHideRegLog() {
        var box = document.getElementById('LoginReg');
        if (box.style.display === 'none') {
            box.style = 'display:block; position:absolute; top:50%; left:50%; margin:-150px 0 0 -120px; z-index:99;';
        }
        else if (box.style.display === 'block') {
            box.style = 'display:none;';
        }
    }
</script>

<div class="RegFullFrame" id="LoginReg" style="display:none;">
    <div style="color:#defdef; font-size:22px; z-index:99; margin: 0 0 5px 5px; font-weight:bold;">
        Login:
    </div>
    <div class="RegTextFrame">
        <asp:TextBox CssClass="RegTextBox RegTopTexBox" ID="Usertxt" runat="server">
        </asp:TextBox>
        <asp:TextBox CssClass="RegTextBox RegBottomTexBox" style="color:#989898;" ID="Pwdtxt" onfocus="this.value=''; this.type='password'; this.style.color='#000';" runat="server">
            Password
        </asp:TextBox>
    </div>
    <asp:Button CssClass="RegButton" ID="RegButton" runat="server" Text="Login" 
            onclick="Login_Click" OnClientClick="ShowHideRegLog();" />
</div>
<input id="RegButton" style=" background:none; border:none; font-weight:bold; padding-top:6px; color:red;" runat="server" 
        type="button" value="Login" onclick="ShowHideRegLog()" />

Answer 1

在<head>中包含jquery并使用以下脚本。

    function ShowHideRegLog() {
        var box = document.getElementById('LoginReg');
        if (box.style.display == 'none') {
            $("#LoginReg").show();
        }
        else if (box.style.display == 'block') {
            $("#LoginReg").hide();
        }
    }

* 没有jquery：*

    function ShowHideRegLog() {
        var box = document.getElementById('LoginReg');
        if (box.style.display === 'none') {
            box.style.display = 'block';
            box.style.position = 'absolute';
            box.style.top = '50%';
            box.style.margin = '-150ps 0 0 -120px';
            box.style.zIndex = '99';
        }
        else if (box.style.display === 'block') {
            box.style.display = 'none';
        }
    }

JavaScript不会在除Opera之外的其他浏览器中触发

1 个答案: