(Step 1)
<!-- TWO STEPS TO INSTALL PASSWORD PROTECTION (GATEKEEPER): 1. Put the designated coding into the HEAD of your login document 2. Paste the final coding into the BODY of your login document --> <!-- STEP ONE: Copy this code into the HEAD of your login document --> <HEAD> <SCRIPT LANGUAGE="javascript"> <!-- This script and many more are available online from --> <!-- The JavaScript Source!! http://javascriptsource.com --> <!-- Begin var nifty_little_window = null; function gateKeeper() { nifty_little_window = window.open('gatekeep.html', 'theKeeper', 'width=350,height=200,resizable=1'); } // End --> </SCRIPT> <!-- STEP TWO: Copy this code into the BODY of your login document --> <BODY> <CENTER> <A HREF="" onMouseOver="gateKeeper()">Access the protected area.</A><BR> <P> Or, click Enter...<BR> <FORM NAME="gatekeeperbutton" ACTION="" onSubmit="gateKeeper()"> <input type="submit" value="Enter!"> </FORM> </CENTER> <!-- Script Size: 1K (638 bytes) -->
(Step 2)
<!-- FOUR STEPS TO INSTALL PASSWORD PROTECTION (GATEKEEP PAGE): 1. Put the designated coding into the HEAD of document 2. Save the gatekeep image into your web page directory 3. Add the image to the BACKGROUND to BODY of document 4. Copy this code into the BODY of document --> <!-- STEP ONE: Copy this code into the HEAD of your document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin // Get your very own Gate Keeper from Professional Web Design // http://junior.apk.net/~jbarta/weblinks/gate_keeper/ function goForit() { var location; var password; password=this.document.testform.inputbox.value location=password + ".html" fetch(location) theKeeper=window.close() } function fetch(location) { var root; if (opener.closed) { root=window.open('','theKeepersGopher','toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes,copyhistory=no'); root.location.href = location; } else { opener.location.href = location; } } // End --> </SCRIPT> <!-- STEP TWO: Save the gatekeeper image in your web page directory. --> <!-- http://images.javascriptsource.com/gatekeeper/keeper.gif --> <!-- click, hold, and 'Save Image As' Place image in directory. --> <!-- STEP THREE: Add BACKGROUND tag to page document --> <BODY BACKGROUND="http://your.domain.com/keeper.gif"> <!-- STEP FOUR: Copy this code into the BODY of document --> <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%> <TR> <TD ROWSPAN=2 WIDTH=50%> <TD WIDTH=50% ALIGN=CENTER VALIGN=MIDDLE> <FONT FACE="ARIAL" SIZE=2><B>Hold on there, buddy. You'll need a password to get in here. We're tryin' to keep out the riff-raff.</B></FONT><BR> <TR> <TD WIDTH=50% ALIGN=CENTER VALIGN=BOTTOM> <CENTER> <FORM NAME="testform"> <INPUT TYPE="text" NAME="inputbox" VALUE="" size=20> <INPUT TYPE="button" NAME="button" Value="Submit Password" onClick="goForit(this.form)"> <P><FONT SIZE=1 FACE="COMIC SANS MS"><A HREF="http://passwords.javascriptsource.com/gatekeeper.html" TARGET="_blank"><B>The password is gatekeep-in</B></A></FONT> </FORM> </CENTER> </TABLE> <!-- Script Size: 1K (1715 bytes) -->
1998 Copyright (C) Next Step All Rights Reserved