Пароль защищает CSS-навигатор?

Question

Итак, я создал тело на 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. На странице я хочу защитить паролем является «VIP» с идентификатором «с»

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

Как я могу защитить паролем эту страницу, так что кто-то должен будет ввести пароль для просмотра на вкладке VIP?

Answer 1

Какие серверные рамки вы используете, если они есть? (например, ASP.NET MVC)

«Так я сделал свои вкладки в CSS» - я думаю, вы имеете в виду HTML.

Вы не захотите выполнять авторизацию на стороне клиента или авторизацию, так как любой может прочитать ваш JavaScript. Обычно пользователь уже аутентифицируется, и у вас должно быть какое-то разрешение (например, роли), чтобы решить, следует ли отображать вкладку VIP или нет.

Если вы всегда хотите отобразить вкладку VIP, вы можете сделать вызов AJAX, когда нажата вкладка, и в зависимости от того, разрешен ли пользователь или нет, будет определяться, загружается ли HTML для вкладки VIP с сервера или нет.