在主页asp.net中隐藏链接文本

时间:2017-09-13 06:52:06

标签: asp.net

我使用连接到本地SQL DB的.net模板创建了一个简单的登录页面。我需要在母版页中隐藏注销链接文本我已经使用html标签完成了这一点,但是一旦用户登录需要启用“注销”文本并隐藏登录页面后面的代码中的文本。请帮助我 母版页

<asp:LoginView runat="server" ViewStateMode="Disabled">
 <AnonymousTemplate>
  <ul class="nav navbar-nav navbar-right">
    <li><a runat="server" href="~/Account/Register">Register</a></li>
    <li><a runat="server" href="~/Account/Login">Log in</a></li>
    <li><a runat="server" href="Default.aspx" Visible ="false">Log out</a>
    </li> 
  </ul>  
 </AnonymousTemplate>

1 个答案:

答案 0 :(得分:0)

将此类和ID添加到链接:

<a runat="server" id="logoutId" class="hidden-link" href="Default.aspx">Log out</a>

将此添加到您的css:

a.hidden-link {
    display: none;
}

您可以使用javascript来显示/隐藏链接,方法是添加/删除隐藏链接类:

// hide
document.getElementById("logoutId").classList.add("hidden-link");

// show
document.getElementById("logoutId").classList.remove("hidden-link");

或者你可以:

<a runat="server" id="logoutId" style="display: none;" href="Default.aspx">Log out</a>

然后使用juavascript来显示/隐藏

// show
document.getElementById("logoutId").style.display = 'block';

// hide 
document.getElementById("logoutId").style.display = 'none';