Protección con contraseña (I)

Si quieres proteger una página de una manera simple para impedir que entre en ella todo el mundo, en esta página te enseñaremos un script que te permite hacerlo de manera sencilla.

Cómo usarlo

Pongamos, por ejemplo, que quisiera poner una contraseña para una página llamada bienvenido.html. En tal caso colocaremos el siguiente script:

<HTML>
<HEAD>
  <TITLE>Ejemplo de imagenes</TITLE>
  <SCRIPT LANGUAGE="JavaScript">
  function entrar() {
    var password = prompt("Introduce la contraseña:", "");
    if (password) location.href = password + ".html";
  }
  </SCRIPT>
</HEAD>
<BODY>
<A HREF="javascript:entrar()">Pulsa aquí</A> para entrar en las
páginas protegidas.
</BODY>
</HTML>

Los usuarios que quieran acceder a la página deberán pulsar aquí y conocer la clave que será el nombre de la página protegida (bienvenido, en este caso).

Cómo funciona

Este script no es que sea la cosa más compleja del universo. Simplemente, desde el enlace se llama a la función entrar. En ella se le pregunta al usuario por la contraseña por medio de la función prompt, que devuelve lo que haya tecleado el usuario. Guardamos ese resultado en la variable password y nos vamos a la página que resulta de añadir a esa variable la extensión html.

Es un poco complicado y requiere algunas explicaciones. Las dos últimas líneas provocarán que, cuando pasemos el ratón por algún elemento se llame a la función encender, haciendo lo mismo en el caso de que nos vayamos del elemento, momento en el que se llamará a apagar.

Si el usuario introduce una contraseña incorrecta pueden pasar, por tanto, dos cosas. Que la página exista, en cuyo caso irá a ella. O que no exista, en cuyo caso el servidor dará un error. Esto último, de todos modos, es mejor comprobarlo porque algunos servidores muestran el contenido del directorio en el caso de que el usuario pusiera un punto como clave. Conviene, por tanto, probar este script antes de proteger nuestras páginas con él.

COMPARTE ESTE ARTÍCULO

ENVIAR A UN AMIGO
COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN GOOGLE +
SIGUIENTE ARTÍCULO

HAY 14 COMENTARIOS
  • Juan Antonio Jiménez dijo:

    Es una forma ingeniosa, pero equivale saber la passwd a saber el nombre de la página. Lo cual no es muy seguro. Aunque claro, sólo con JavaScript se puede hacer muy poco...

  • Marco dijo:

    Prefiero la segunda version de este ejemplo. Saludos, Marco.

  • mt72 dijo:

    Prefiero la segunda version de proteccion con contraseñas. En esta basta con saber la url de la pagina y ya sabes la contraseña. mt7

  • Cpotter dijo:

    No funciona

  • ^KaNiVaL^ dijo:

    Definitivamente la gente se queda solo con lo que le dan este es un excelente elemento pero hay que utilizar la imaginacion y para juan antonio estas muy equivocado con javascript se puede hacer de todo, es mas grandes empresas utilizan el JS con metodo de seguridad, y muy poderoso por cierto suere

  • Francisca dijo:

    no funciona la weaaaa

  • Rubens Daniel Mariuzzo de la Cruz dijo:

    .

  • Lord Abraxas dijo:

    Hola, tu pones en el ejemplo un password arbitrario, pero me gustaría poner un password que a mí me interesa en particular. ¿Cómo codifico y decodifico passwords bajo tu sistema?

  • juan jorge dijo:

    amigos porfavor como puedo hacer para agregar a este script la opcion de que si el passord es incorrecto te mande una alerta indicandote que el password es incorrecto ,se los agradecere porfavor espero sus comentarios bye

  • Maria dijo:

    Hola a todos: Por favor, me gustaría que me dijerais si conoceis como puedo lanzar un alert si se equivocan de contraseña y como puedo poner un enlace a otra página si se equivocan. Gracias por todo!!. Código puesto: function entrar() { var password = prompt("Introduce la contraseña:", ""); if (password) location.href = password + ".html"; }

  • Martha dijo:

    Repuesta para poner el alert indicando q hay un error en la contraseña o poassword solo tienes q poner con eso te funciona

  • Martha dijo:

    Repuesta para poner el alert indicando q hay un error en la contraseña o poassword solo tienes q poner con eso te funciona

  • Martha dijo:

    // Comparamos a ver si son correctos if (!($_POST[usuario]=="martha" && $_POST[password]=="123")) { echo " alert('SUS CONTRASENA O USUARIO ES INCORRECTO'); "; echo " window.history.back(); "; exit; }

  • alvaro dijo:

    Con esta información poco se puede hacer. Es bastante parco y no tiene mucha utilidad práctica. Sencillo es... pero demasiado.

Conéctate o Regístrate para dejar tu comentario.