установить пароль на HTML документ - HTML и CSS

C4eLoveK · 02.06.2012, 19:59

народ, помощь требуется)
создал 3 теста, в HTML документе, онии будут использоваться на локальном компе, нужно установить пароль, чтобы при открытий страницы, запрашивало пароль)
Мне нужно самое простое, просто для наглядности)
Кто чем может, помогите)

kettanaito · 02.06.2012, 21:06

Что-то в этом роде:

Код:

<!DOCTYPE html>
<html>
<head>
<title>Passworded Page</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<style>
body {
color:#585858; 
font-family:Segoe UI; 
font-size:12px; 
background:#F2F2F2;
}
p {margin-bottom:0px;}
#button {text-align:right; border-top:1px solid #E3E3E3; padding-top:10px;}
#wrapper {position:relative; margin:0px auto; width:550px;}
#pass-window {
background:#FFF; 
border:1px solid #CCC; 
box-shadow:0px 2px 15px #CCC; 
padding:10px; z-index:100; 
position:absolute; 
margin:0px auto; 
left:125px; 
top:90%; 
width:300px;
}
#mask {background:#FFF; 
opacity:0.8; 
position:fixed; 
top:0; left:0; 
width:100%; 
height:100%; 
z-index:0;}
input[type='text'] {
border:1px solid #CCC; 
padding:4px; 
color:#585858;}
input[type='button'] {
background:#F2F2F2; 
border:1px solid #CCC; 
padding:3px; 
padding-left:10px; 
padding-right:10px; 
color:#585858; 
text-shadow:0px 1px 0px #FFF; 
cursor:pointer;}
input[type='button']:hover {background:#F9F9F9; border-color:#AAA;}
h3 {font-size:15px; border-bottom:1px solid #E3E3E3; padding-bottom:5px; font-weight:normal;}
</style>
<script>
function Accept() {
var pass = document.getElementById('pass').value;
    win  = document.getElementById('pass-window');
    mask = document.getElementById('mask');
if (pass == '0000') { // Указываем правильный пароль
    win.style.display='none';
    mask.style.display='none'; 
} else { alert('Введенный Вами пароль неверен!'); }
}
</script>
</head>
<body>
<div id="wrapper">
     <p>Текст</p>
     <div id="pass-window">
     <p><h3>Пожалуйста, введите пароль:</h3></p>
     <p><input id="pass" type="text" /></p>
     <p id="button"><input type="button" value="Принять" onClick="javascript:Accept();" /></p>
     </div>
</div>
<div id="mask"></div>
</body>
</html>

C4eLoveK · 02.06.2012, 22:18

Цитата:

Сообщение от kettanaito

Что-то в этом роде:

Код:

<!DOCTYPE html>
<html>
<head>
<title>Passworded Page</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<style>
body {
color:#585858; 
font-family:Segoe UI; 
font-size:12px; 
background:#F2F2F2;
}
p {margin-bottom:0px;}
#button {text-align:right; border-top:1px solid #E3E3E3; padding-top:10px;}
#wrapper {position:relative; margin:0px auto; width:550px;}
#pass-window {
background:#FFF; 
border:1px solid #CCC; 
box-shadow:0px 2px 15px #CCC; 
padding:10px; z-index:100; 
position:absolute; 
margin:0px auto; 
left:125px; 
top:90%; 
width:300px;
}
#mask {background:#FFF; 
opacity:0.8; 
position:fixed; 
top:0; left:0; 
width:100%; 
height:100%; 
z-index:0;}
input[type='text'] {
border:1px solid #CCC; 
padding:4px; 
color:#585858;}
input[type='button'] {
background:#F2F2F2; 
border:1px solid #CCC; 
padding:3px; 
padding-left:10px; 
padding-right:10px; 
color:#585858; 
text-shadow:0px 1px 0px #FFF; 
cursor:pointer;}
input[type='button']:hover {background:#F9F9F9; border-color:#AAA;}
h3 {font-size:15px; border-bottom:1px solid #E3E3E3; padding-bottom:5px; font-weight:normal;}
</style>
<script>
function Accept() {
var pass = document.getElementById('pass').value;
    win  = document.getElementById('pass-window');
    mask = document.getElementById('mask');
if (pass == '0000') { // Указываем правильный пароль
    win.style.display='none';
    mask.style.display='none'; 
} else { alert('Введенный Вами пароль неверен!'); }
}
</script>
</head>
<body>
<div id="wrapper">
     <p>Текст</p>
     <div id="pass-window">
     <p><h3>Пожалуйста, введите пароль:</h3></p>
     <p><input id="pass" type="text" /></p>
     <p id="button"><input type="button" value="Принять" onClick="javascript:Accept();" /></p>
     </div>
</div>
<div id="mask"></div>
</body>
</html>

Спасибо большое)))

C4eLoveK · 02.06.2012, 22:31

Цитата:

Сообщение от kettanaito

Что-то в этом роде:

Код:

<!DOCTYPE html>
<html>
<head>
<title>Passworded Page</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<style>
body {
color:#585858; 
font-family:Segoe UI; 
font-size:12px; 
background:#F2F2F2;
}
p {margin-bottom:0px;}
#button {text-align:right; border-top:1px solid #E3E3E3; padding-top:10px;}
#wrapper {position:relative; margin:0px auto; width:550px;}
#pass-window {
background:#FFF; 
border:1px solid #CCC; 
box-shadow:0px 2px 15px #CCC; 
padding:10px; z-index:100; 
position:absolute; 
margin:0px auto; 
left:125px; 
top:90%; 
width:300px;
}
#mask {background:#FFF; 
opacity:0.8; 
position:fixed; 
top:0; left:0; 
width:100%; 
height:100%; 
z-index:0;}
input[type='text'] {
border:1px solid #CCC; 
padding:4px; 
color:#585858;}
input[type='button'] {
background:#F2F2F2; 
border:1px solid #CCC; 
padding:3px; 
padding-left:10px; 
padding-right:10px; 
color:#585858; 
text-shadow:0px 1px 0px #FFF; 
cursor:pointer;}
input[type='button']:hover {background:#F9F9F9; border-color:#AAA;}
h3 {font-size:15px; border-bottom:1px solid #E3E3E3; padding-bottom:5px; font-weight:normal;}
</style>
<script>
function Accept() {
var pass = document.getElementById('pass').value;
    win  = document.getElementById('pass-window');
    mask = document.getElementById('mask');
if (pass == '0000') { // Указываем правильный пароль
    win.style.display='none';
    mask.style.display='none'; 
} else { alert('Введенный Вами пароль неверен!'); }
}
</script>
</head>
<body>
<div id="wrapper">
     <p>Текст</p>
     <div id="pass-window">
     <p><h3>Пожалуйста, введите пароль:</h3></p>
     <p><input id="pass" type="text" /></p>
     <p id="button"><input type="button" value="Принять" onClick="javascript:Accept();" /></p>
     </div>
</div>
<div id="mask"></div>
</body>
</html>

А реально ли реализовать это на IE ?)

Stilet · 02.06.2012, 23:09

Цитата:

чтобы при открытий страницы, запрашивало пароль

А где реальная защита?
Пароли где храниться будут?

C4eLoveK · 02.06.2012, 23:25

Цитата:

Сообщение от Stilet

А где реальная защита?
Пароли где храниться будут?

просто скрипт можно поместить в отдельный файл, и тогда через показ исходного кода видно не будет)

Stilet · 03.06.2012, 00:12

Цитата:

и тогда через показ исходного кода видно не будет)

Будет. Я так свои скрипты отлаживаю )
Скриптам, которые попадают в поле зрения браузера пользователя доверять нельзя. Даже обфусцированным. Именно поэтому изобрели хранение хеша сессии. В локальной БД браузера или на сервере или в куках - не суть важно. Но скрипты не должны содержать информацию конфиденциальной важности.

C4eLoveK · 03.06.2012, 00:28

Цитата:

Сообщение от Stilet

Будет. Я так свои скрипты отлаживаю )
Скриптам, которые попадают в поле зрения браузера пользователя доверять нельзя. Даже обфусцированным. Именно поэтому изобрели хранение хеша сессии. В локальной БД браузера или на сервере или в куках - не суть важно. Но скрипты не должны содержать информацию конфиденциальной важности.

ок ок))
Я для студентов 2курсников это делаю)
думаете они до всего додумаются?)
конечно нет)))

Stilet · 03.06.2012, 00:48

Цитата:

конечно нет)))

У-у-у. Не додумаются, так тут спросят )
А я сдам родину ) Причем с потрохами. За бочку печенья

C4eLoveK · 03.06.2012, 02:16

Цитата:

Сообщение от Stilet

У-у-у. Не додумаются, так тут спросят )
А я сдам родину ) Причем с потрохами. За бочку печенья

ахахах)))
пускай, к тому времени меня уже не будет в шараге)
а преподы пусть сами думают :D

02.06.2012, 19:59	#1
C4eLoveK Пользователь Регистрация: 29.02.2012 Сообщений: 49	установить пароль на HTML документ народ, помощь требуется) создал 3 теста, в HTML документе, онии будут использоваться на локальном компе, нужно установить пароль, чтобы при открытий страницы, запрашивало пароль) Мне нужно самое простое, просто для наглядности) Кто чем может, помогите)

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
HELP: Вставка flv-видео в html-документ на локальной машине!	Stanislaus	PHP	14	07.06.2012 21:06
Составной документ на HTML	plgrm44	HTML и CSS	6	30.05.2012 21:01
Access запрашивает пароль на все файлы даже если пароль не устанавливался	d_adilet	Microsoft Office Access	1	11.06.2010 19:44
пароль на документ	eldarik	Общие вопросы Delphi	3	15.05.2010 21:08
Как установить пароль на программу	srv79	Общие вопросы Delphi	1	25.12.2009 19:38