2015-02-01 3 views
-2

그래서 내 페이지의 요소에 대해 pastebin에 본문을 만들어 소스를 사용하여 CSS로 만든 간단한 페이지를 만들 수 있습니다. 내 유일한 문제는 특히 하나의 탭을 암호로 보호 할 수 있기를 원합니다. 그것이 무엇이든지, 필요한 노력이 무엇이든, 나는 그것을 할 것입니다.암호로 CSS nav를 보호 하시겠습니까?

<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에서 내 탭을 만든 방법이다. 내가 암호로 보호하려는 페이지는 ID가 "C"누군가가 VIP 탭을 볼 수있는 암호를 입력해야합니다 있도록

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

어떻게 암호가이 페이지를 보호 할 수 있습니다와 "VIP"인가?

답변

1

사용중인 서버 측 프레임 워크는 무엇입니까? (예 : ASP.NET MVC)

"이것은 CSS로 내 탭을 만든 방법입니다."- 나는 HTML을 의미한다고 생각합니다.

누구나 자바 스크립트를 읽을 수 있으므로 클라이언트 측 인증이나 승인을 원하지 않을 것입니다. 일반적으로 사용자는 이미 인증을 받았으므로 VIP 탭을 렌더링할지 여부를 결정할 수있는 권한 (예 : 역할)이 있어야합니다.

항상 VIP 탭을 표시하려면 탭을 클릭 할 때 AJAX 호출을하고 사용자가 권한이 있는지 여부에 따라 VIP 탭의 HTML이 서버에서 다운로드되었는지 여부에 따라 결정할 수 있습니다.

+0

그래, 나는 이것이 이것을 할 수있는 유일한 방법이라고 확신한다. – iamnotmaynard

+0

사실 이것은 코드의 일부일뿐입니다. 나는 단지 내가하고 싶었던 것과 필요한 것의 기초를 보여주고 싶었다. 나머지 코드는 CSS (요소 등)이지만 내가 보여준 코드는 HTML입니다. 당신이 말한 것은 실제로 나를 심각하게 혼란 시켰습니다! 그래서 나는 무엇을 해야할지 모르며 당신이 제안한 것을 어떻게 할 수 있을지 모릅니다. 나는 거의 망했다고 생각합니다. –

+0

@ NinaMaxelle - 내가 말한 내용을 잘 모르는 경우 이해할 수없는 부분을 알려주고 자세히 설명 할 수 있습니다. – acarter

관련 문제