Create a password protected link

When you password-protect a link, visitors to your site must enter a password to gain access to the linked page.

This feature may require the use of a service provided by a third party.  There are many alternatives you can use to gain similar functionality.  One example is the JavaScript below.

To use the JavaScript  to password protect a link

  1. Create a new page in CuteSITE Builder.
  2. Place the cursor in the page where you want the username and password dialog box to appear.
  3. From the menu bar choose Insert > HTML Code.
  4. Copy and paste the JavaScript above into the text window on the Insert Your Own HTML Code dialog box.
  5. To change the login/password, change "free" and "javascript" inside the script, respectively. To change the destination URLs, modify "success.html" and "failure.html”.

 

<form>

<p>ENTER USER NAME :

  <input type="text" name="text2">

</p>

<p> ENTER PASSWORD :

<input type="password" name="text1">

  <input type="button" value="Check In" name="Submit" onclick=javascript:validate(text2.value,"free",text1.value,"javascript") >

</p>

 

</form>

<script language = "javascript">

 

/*

Script by Anubhav Misra (anubhav_misra@hotmail.com)

Submitted to JavaScript Kit (http://javascriptkit.com)

For this and 400+ free scripts, visit http://javascriptkit.com

*/

 

function validate(text1,text2,text3,text4)

{

 if (text1==text2 && text3==text4)

 load('success.htm');

 else

 {

  load('failure.htm');

 }

}

function load(url)

{

 location.href=url;

}

</script>

 

<p align="center"><font face="arial" size="-2">This free script provided by <a href="http://javascriptkit.com">JavaScript Kit</a></font></p>

 

Notes

Tips

For more secure solutions try:

http://javascript.internet.com/passwords/password-pro-in.html#source