0

ユーザーがログインしたら、「ログイン ブロック」を非表示にしたいのですが、ログイン セクションがまだ表示されているのは非常にわかりにくいです。私のユーザーは、実際にはログインに成功したときにログインが機能しなかったと考えています。CSS ブロックに次を挿入しようとしましたが、ユーザーがログインしていないときに表示されるようにする条件が必要です。

display: none;

このセクションの HTML コードは次のとおりです。

    <DIV id="hp-content">
        <DIV id="hp-left-column">
            <DIV id="hp-sign-header">
            </DIV>
            <DIV id="hp-sign">
                <input type="textbox" class="ui-txt-general medium required" id="swsignin-txt-username" />
                <input type="password" class="ui-txt-general medium required" id="swsignin-txt-password" />
                <a title="Sign into my site." onclick="joelSignIn();" class="" id="swsignin-btn-submit"><img src="/cms/lib06/CA01000567/Centricity/Template/2/signin.png" alt="Sign In" /></a>
            </DIV>

このセクションの CSS コードは次のとおりです。

    #hp-sign-header{
        width: 288px;
        height: 27px;
        margin: 20px 0px 10px 0px;
        background: transparent url(/cms/lib06/CA01000567/Centricity/Template/2/sign-header.png) no-repeat scroll top center;
        }

    #hp-sign{
        width: 218px;
        height: auto;
        margin-left: 35px;
        }

    #swsignin-txt-username, #swsignin-txt-password {
        border: 1px solid #0C304E;
        color: #6994B9;
        font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
        font-weight: bold;
        font-size: 15px;
        line-height: 15px;
        height: 47px;
        margin: 0px 0px 10px 0px;
        padding: 0px;
        text-align: center;
        width: 221px;
        }

    #swsignin-txt-username {
        background: transparent url(/cms/lib06/CA01000567/Centricity/Template/2/username.png) no-repeat scroll top left;
        }

    #swsignin-txt-password {
        background: transparent url(/cms/lib06/CA01000567/Centricity/Template/2/password.png) no-repeat scroll top left;
        }

このセクションの JAVASCRIPT コードは次のとおりです。

    function joelSignIn(){
    var data = "{Username: '" + addslashes($('#swsignin-txt-username').val()) + "',Password: '" + addslashes($('#swsignin-txt-password').val()) + "'} ";
    var success = "window.location.reload()";
    var failure = "if (result[0].reason === 'TOU') { DisplayTOU(); } else { CallControllerFailure(result[0].errormessage); }";
    var callPath = "../site/SiteController.aspx/SignIn";
    CallController(callPath, data, success, failure);
    }

私の質問は、これを機能させるために HTML コード、CSS コード、JAVASCRIPT コードを挿入する必要がありますか? 挿入する必要があるコードは何ですか? どこに挿入する必要がありますか? 調べたり遊んだりしてみましたが、だめでした。どんなアドバイスでも大歓迎です。ありがとうございました！

4

1 に答える 1

0

JavaScriptだけではログインできません。Javascript はクライアント側の言語です。つまり、ユーザーのコンピューターでのみ動作します。「ログイン中」は、訪問者がログインする必要があることを示しています。これは通常、Web サイトをホストするために使用しているコンピューターで実行されているデータベースであり、通常はサーバーと呼ばれます。これは、サーバー側でのみ実行できます。

于 2013-01-25T22:29:03.197 に答える