密码保护CSS导航?

时间:2015-02-01 05:34:38

标签: css tabs passwords

所以,我在pastebin上为我的页面元素创建了一个主体,使用它的源代码,这样我就可以用CSS做一个简单的页面了。我唯一的问题是我希望能够密码保护一个标签。无论需要什么,无论需要付出什么努力,我都会这样做。

<span id="navi" onclick="document.getElementById('start').innerHTML=document.getElementById('a').innerHTML;">STORE</span>
<span id="navi" onclick="document.getElementById('start').innerHTML=document.getElementById('b').innerHTML;">SALES</span>
<span id="navi" onclick="document.getElementById('start').innerHTML=document.getElementById('c').innerHTML;">VIP</span>
<span id="navi" onclick="document.getElementById('start').innerHTML=document.getElementById('d').innerHTML;">INGREDIENTS</span>

这就是我在CSS中制作标签的方式。我想要密码保护的页面是&#34; VIP&#34;用id&#34; c&#34;

<div id="c" style="display:none;">
<center><h1>VIP AREA</h1></center>

如何密码保护此页面,以便有人必须输入密码才能查看VIP标签?

1 个答案:

答案 0 :(得分:1)

您使用的服务器端框架是什么? (例如ASP.NET MVC)

&#34;这就是我在CSS&#34; - 我认为你的意思是HTML。

您不希望进行任何客户端身份验证或授权,因为任何人都可以阅读您的JavaScript。通常,用户已经过身份验证,您应该拥有某种授权(例如角色)来决定是否呈现VIP标签。

如果您总是想要显示VIP标签,则可以在单击标签时执行AJAX调用,具体取决于用户是否获得授权,将确定是否从服务器下载了VIP标签的HTML。