HTML Password Protection. There’s no way to put password protection in a webpage via HTML commands, but it can be done with a simple javascript available from HTML Goodies. Here is how I got it to work. Take the code and replace the password (peppermint) and the web page address (scripttip73correct.html) with your own names. Then put the code into the file that’s publicly linked. Clicking on the link will take people to the script code file, and if they get the password right it passes them on to the file you’re protecting. This protection method is not very strong, since the password is written in the file, but it is pretty easy at least.
Arvind Satyanarayan’s “Toggle Visibility – Show/Hide Anything” is worth knowing about. (Click here to read more.)
It is Javascript code for HTML files such that if you click on certain text, other text appears or disappears, toggling from its current state. As modified by Manu Agrawal in the comments and by me (he had a typo I think), what you do is put the following just after the <body> command in the HTML file (maybe anywhere after it would do)
<!– Arvind Satyanarayan script added by John Smith on Oct XX, 20XX. –>
<script type=”text/javascript”>
<!–
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == ‘block’)
e.style.display = ‘none’;
else
e.style.display = ‘block’;
}
//–>
</script>
Then, to display “(Click here to read more.)” and have “Here is where all the rest of the post would go.” display when “(Click here to read more.)” is clicked (or concealed when it is clicked again), insert
<a href=”#” onclick=”toggle_visibility(’07oct2′);”>(Click here to read more.)</a>
<div id=”07oct2″ style=’display:none’>
Here is where all the rest of the post would go.
</div>
You can insert as many of these as you like in one file, with just one insertion of the script, so long as you give distinct titles, not “07oct2” to the second and later concealed sections.
Recent Comments