Aquí lo tienes mascadito: Copia esto y lo tienes, sólo tendrías que poner una página como tú quieras y cambiar las claves. (la clave primera, como ves, es "miclave", y la segunda, pues el nombre de la página que quieres restringir)
Adicionalmente, he usado las funciones "manita" y "flecha" para que se vea que es un link y se puede pinchar, pero no es más que para eso.
Código:
<html>
<head>
<script lenguage="javascript">
password=prompt("Escriba su contraseña","");
while(password!="miclave"){
alert("La contraseña facilitada no es válida");
password=prompt("Escriba su contraseña","");
}
</script>
<script language="JavaScript">
function protector() {
var clave = prompt("Introduce la clave:", "");
var url = clave + ".html";
this.location.href = url;
}
function manita(){
document.body.style.cursor='hand';
}
function flecha(){
document.body.style.cursor='default';
}
</script>
</head>
<body>
<p>Página a la que se entra con la primera clave,
y que muestra el link para introducir la segunda clave y
entrar a los contenidos restringidos.</p>
<p>Al hacer
clic en el link, abre la página "lo que se escriba en el cuadro de
diálogo".htm, por lo que si pones un nombre raro a la página restringida,
sólo quien lo sepa podrá ponerlo y llegar a ella. Puedes también incluir
subdirectorios, tipo "carpeta/carpeta/pag", y como está hecho para
abrirse en el mismo marco, si usas una página de marcos que esconde un poquito
más la ruta, no podrán entrar directamente a esa página si no conocen la
clave, ya que no saben desde qué carpeta estás partiendo.</p>
<p><a onmouseover='manita()' onmouseout='flecha()' onClick="javascript:protector()">ESTE ES EL LINK</a></p>
<p>(Como el link en realidad es una llamada a javascript no tiene "pinta de
link", pero se la das tú, o mejor, le pones una imagen a modo de botón o
algo... imaginación al poder)</p>
</body>
</html>
