HTML private areas

liunx · Jan 9, 2008

right ive just made a new web page - for a clan on counter strike. 
 
ive got a little private area that is for members only. 
 
how do i make this a passworded area to access the page ? 
 
thanks Shaftwell you have a couple of choices. if you are on your site and you pay monthly for the host privledges then you can use .htaccess and .htpasswd file to set the login procedure. tutorials for those can be found here (<a class="postlink" href="http://www.snippetlibrary.com/tutorials.php?kid=20&catname=Apache">http://www.snippetlibrary.com/tutorials ... ame=Apache</a>) 
 
or you can use serverside language like php, asp, cgi to do that. but then again you have to be on a server that allows serverside language to be run. if you are on a free server then chances are you won't be able to.1. You will need a "Default page" linked from your site. 
<HTML> 
<HEAD> 
<TITLE>Password Tester</TITLE> 
</HEAD> 
 
<SCRIPT LANGUAGE="JavaScript"> 
 
</SCRIPT> 
 
<BODY> 
 
<A HREF=http://www.htmlforums.com/archive/index.php/"javascript:GetPassword()">Password page</A> (requires a password) 
 
</BODY> 
</HTML> 
 
2. Then a page that asks for a password: 
<HTML> 
<HEAD> 
<TITLE>Password Required</TITLE> 
</HEAD> 
 
<SCRIPT LANGUAGE="JavaScript"> 
<a class="postlink" href="http://www.htmlforums.com/archive/index.php/loc">http://www.htmlforums.com/archive/index.php/loc</a> 
} 
// 
// Close this window 
// 
window.close() 
} 
 
//--> 
</SCRIPT> 
 
<BODY BGCOLOR="#CCCCCC"> 
 
<FORM> 
This page requires a password: 
<INPUT TYPE="TEXT" NAME="pw" SIZE=15> 
<INPUT TYPE="BUTTON" VALUE="OK" 
onClick="SubmitPassword(this.form)"> 
</FORM> 
 
</BODY> 
</HTML> 
 
3. Then a password - protected page: 
<HTML> 
<HEAD> 
<TITLE>You Made It!</TITLE> 
</HEAD> 
 
<BODY> 
 
Welcome to the password-protected part of the site! 
 
</BODY> 
</HTML><script> 
 
function submitentry(){ 
password = document.password1.password2.value.toLowerCase() 
username = document.password1.username2.value.toLowerCase() 
passcode = 1 
usercode = 1 
for(i = 0; i < password.length; i++) { 
passcode *= password.charCodeAt(i); 
} 
for(x = 0; x < username.length; x++) { 
usercode *= username.charCodeAt(x); 
} 
 
if(usercode==134603040&&passcode==126906300) 
 
{ 
window.location=password+".htm"} 
else{ 
alert("password/username combination wrong")} 
} 
</script> 
 
<form name="password1"> 
Enter username: 
<input type="text" name="username2" size="15"> 
 
Enter password: 
<input type="password" name="password2" size="15"> 
 
<input type="button" value="Submit" onClick="submitentry()"> 
</form> 
 
rite this is the code i have tryed 
 
now this doesnt work ? 
 
y not ?Then read--<<--This-->> (<a class="postlink" href="http://www.htmlgoodies.com/tutors/pw.html">http://www.htmlgoodies.com/tutors/pw.html</a>) 
 
Then ask your self what can be so important to go to all the trouble.

The script I gave is just the script you will need to include in the pages after everything else has been set up.Short of using the .htaccess/.htpasswd files or server side language to provide access to password protected areas of a site you can not provide enough security. 
 
client side methods can be easily hacked by any visitors with a minium of javascript knowledge.

HTML private areas

liunx

Guest