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

Принцип работы условия для закрытия страницы от взора пользователя

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

Пример работы JS для закрытия страницы от взора пользователя

Что на счет примера, то он приведен прямо на странице, Пароль весьма прост - 1234. То есть если вы введете этот код, то сможете посмотреть всю страницу целиком. В стиле на странице я конечно прописал скрывать лишь пол страницы, иначе вы бы не смогли прочитать пароль. Если захотите вновь распоролить страницу, после ее открытия, то просто перезагрузите страницу. Закрытая область на ней обновится, то есть появится вновь.

Код для блока или страницы 

Осталось привести сам код Java Script, форму и стили. Все это необходимо будет учесть дабы все работало как надо. Если хоть что-то упустить, то само собой ничего не получится.

Посмотреть код

На этом можно откланяться и считать статью завершенной.

 

Скрытый текст