Публикация подготовлена Ивановой Л.П.в рамках проекта "Виртуальная школа".
Урок "Проверка пароля внутри html страницы".
Добрый день!
Часто возникает необходимость ограничить доступ пользователей
к некоторой информации, например закрыть какие-либо части сайта.
Для этого удобно использовать доступ по паролю. Сразу оговоримся,
что хакер взломает пароль в любом случае, поэтому мы будем
рассчитывать на обычных пользователей и шифровать пароли и
алгоритмы функций не будем. Впрочем, это тема отдельных уроков.
И для тех, кто заинтересовался, можно будет раскрыть тему шифровки
и кодирования, как информации, так и самого кода программы более
подробно на наших интерактивных уроках программирования на скриптах.
Тему паролей мы уже рассматривали с вами на уроках java-script,
но никогда еще мы не пытались интегрировать ввод пароля в нашу, уже
готовую интернет страничку - .html файл. Вот сейчас и займемся этим.
Ниже представлен собственно код программы (исходный текст), кстати,
размером ровно 400 байт. После кода, я попытаюсь рассмотреть наиболее
значимые части программы. Как всегда, вопросы можно задавать, как в
комментариях на этой страничке, так и на дополнительных уроках ИКТ
в школе. Итак, программа:
-------------------------------------------------------------------------------
<html>
<body>
<script>
function doCheck(btn) {
var form = btn.form;
if(form.input1.value == "-=ZaR!ostR=-") {
alert ("Верно");
} else {
alert ("Неверно");
}
}
</script>
<form onsubmit="return false">
<p>Введите пароль:</p>
<textarea cols="8" rows="1" id="input1"></textarea>
<input type="button" value="Проверить пароль" onclick="doCheck(this)">
</form>
</body>
</html>
-------------------------------------------------------------------------------
Как Вы успели заметить, это обычный .html файл, содержащий
внутри себя вставки на java-script. Отсюда и теги <html> и другие.
Кто не помнит язык html, тому и сайты делать рано, купите книгу и
читайте по ночам под одеялом. А лучше - не прогуливайте уроки ИКТ!
Кусок программы представлен в виде функции function doCheck(btn) и
заключен в теги <script>, чтобы браузер мог отличить, где html,
а где - java-script. Функции на вход поступает html объект, заглядывая
вперед, можно сказать, что объект - input, стандартный объект html,
текстовое окно ввода. Далее идет проверка на совпадение текста в окне
со стандартным паролем, заложенным в программу.
У нас пароль: "-=ZaR!ostR=-". Если пароль совпал, выводится модальное
диалоговое окошко с надписью "верно", в противном случае - "неверно".
Понятно, что в "сайтовой" версии такой проверки, вместо вывода сообщения
должна грузиться "скрытая" часть нашего сайта, а при неверном пароле,
можно выводить на экран сообщение вида:
"Ассеss denied. For advanced users only.".
Удачной Вам работы. До новых встреч на страницах наших
интерактивных уроков. Не прогуливайте уроки ИКТ!