0

対処している問題があります。ログにログインしていないユーザーが表示され始めたので、確認を開始し、Opera以外のブラウザで新しいログインフレームが表示されないことに気付きました。

すべてのブラウザで表示されるボックスを削除すると、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()" />
4

1 に答える 1

1

jqueryをに含め<head>、次のスクリプトを使用します。 

    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';
        }
    }
于 2012-05-19T22:03:46.977 に答える