我希望在我的用户登录后对他们隐藏“登录块”。仍然看到登录部分非常令人困惑。我的用户认为他们的登录实际上不起作用,他们已成功登录。我尝试将以下内容插入到我的 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 代码才能完成这项工作?我需要插入什么代码以及在哪里插入?我曾尝试研究和玩耍,但无济于事。任何建议将不胜感激。谢谢!