Aqui tienes un ejemplo sencillo que usa javascript. la clave es "miclave". Una vez que lo ejecutes y estés dentro verás cómo funciona.
Esto es un principio, ya que no es seguro 100%, pero puede servir en muchos casos, ya que combina dos sistemas sencillos, haciendo uno algo dificil de saltarse.
Código:
<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á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>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. Tampoco es mala idea cambiar de vez en cuando la ubicación y/o el nombre de la segunda página (clave) -o incluso de la primera-</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>
Adicionalmente, para evitar que alguien deshabiilte javascript, le dé a ver código y vea la primera clave, siempre puedes hacérselo un poco más difícil (pero no imposible) de la siguiente manera:
Código:
<head>
<script src='funciones.js'></script>
</head>
<body>
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>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. Tampoco es mala idea cambiar de vez en cuando la ubicación y/o el nombre de la segunda página (clave) -o incluso de la primera-</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>
y luego, el archivo 'funciones.js' (este lo escribes en un archivo de texto *.txt al que luego cambias el nombre, no lleva "<html>" ni nada de eso)
Código:
password=prompt("Escriba su contraseña","");
while(password!="miclave"){
alert("La contraseña facilitada no es válida");
password=prompt("Escriba su contraseña","");
} ;
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';
};
También puedes hacer que la segunda clave sea sólo parte del nombre del archivo:
Código:
...
var url="cosa/abc" + clave + "klm34.htm"
...
donde si la clave es "hola", irá a cosa/abc
holaklm34.htm
Aunque si quieres acceso seguro DE VERDAD tienes que ir a lenguajes del lado del servidor (ASP o PHP), que son mucho más complejos y requieren de un alojamiento web determinado.
espero te sirva
