Доступ к странице по паролю в всплывающем окне
Блог
Делимся с Вами своими знаниями и новостями
22.10.2015

Доступ к странице по паролю в всплывающем окне

Доступ к странице по паролю в всплывающем окне

В этой статье я расскажу Вам как сделать доступ к странице по паролю в всплывающем окне самым быстрым и эффективным способом. Ну на счет эффективности сразу поспорю сам с собой, ибо данная защита проходиться элементарно, но для начального уровня и понимания работы скриптов JavaScript этого достаточно. Если же нужна более мощная защита, то читаем комментарии к этой статье.

Делать будем, используя JavaScript и HTML с CSS. Всю статью я разобью на шаги, благодаря которым, Вы с легкостью сможете повторить все ходы за мной и в итоге получить тоже что и я.

Доступ к странице по паролю в всплывающем окне

Итак, первый шаг у нас такой. Допустим у нас есть некий сайт, и вот есть у него какая-та страница и нам позарез надо ограничить доступ к ней. Для этого заходим в код этой страницы и пишем код всплывающего окна, вместе со стилями в самом начале нашей страницы. Обратите внимание мой метод действует только на статичные страницы, если Вы используете какие-то CMS то ищите соответствующие модули, либо подбивайте мое решение под себя.

Что делает данный код? Он покрывает все содержимое нашего сайта черной завесой и ждет, когда введут пароль в соответствующее поле. После ввода пароля, обратите внимание какой он у нас большой, идет проверка, на его соответствие с тем, который сидит в системе – и после этого производится заход на сайт, если все ок, а точнее не заход, а закрытие нашей ширмы. Вот такой вот легкий получился код у нас.

Предупреждение

Внимание, дорогие друзья. Код для новичков, не используйте его в серьезных проектах, ибо данный код проходиться элементарно, и любой мало-мальски знающий человек в коде сможет его обойти. Нужны более серьезные вещи по защите страницы, тогда без серверной помощи не обойтись. Ниже в комментариях есть ссылки.

Метки: ,

Комментарии:

Свяжитесь с нами уже сейчас




Отправляя нам сообщение, содержащее Ваши персональные данные, Вы соглашаетесь с нашей политикой конфиденциальности.
Онлайн заявка


Отправляя нам сообщение, содержащее Ваши персональные данные, Вы соглашаетесь с нашей политикой конфиденциальности.