Acceso por clave javascript

  • Por
Este artículo te explica paso a paso cómo crear un sistema para proteger por clave unas páginas en tu web. Utilizamos Javascript, un lenguaje accesible a todo el mundo.
Lamentablemente, javascript no es un lenguaje con el que se pueda realizar un método interesante para hacer que algunas páginas de nuestro sitio solo sean accesibles si se introduce una clave correcta. Aun así, existe un mecanismo para poder realizar esto, que no es muy avanzado ni tampoco muy seguro, pero que puede dar el efecto en nuestras páginas que estamos deseando.

Se trata de colocar páginas web en nuestro espacio huerfanas de enlaces, para que nadie pueda acceder a ellas. Esta es toda la seguridad que les podemos dar a nuestras páginas: como no existen enlaces dirigidos hacia ellas, nadie podrá accederlas. La única manera de acceder a las páginas sería conocer el nombre de archivo y escribir la URL del mismo, pero como tampoco vamos a publicar el nombre de archivo, podremos estar casi seguros de que nadie acertará a construir la dirección de la página que queremos ocultar. Luego crearemos un formulario muy sencillo, que incluirá un campo de texto y un botón. En el campo de texto habrá que escribir el nombre del archivo que se desea ver y al pulsar el botón javascript seremos conducidos hacia la página que tenga ese nombre de archivo. En este punto pueden pasar dos cosas.
  1. Que el nombre de archivo sea incorrecto, es decir, nos hemos inventado la clave y casi seguro que no hemos acertado con el nombre de la página escondida. En este caso, se mostraría una página de error típica, de esas que muestra el servidor cuando intentamos acceder a una página que no existe.
  2. Que el nombre de la página sea correcto, es decir, que la clave que hemos introducido sea igual al nombre del archivo que queremos acceder. En este caso, javascript nos conducirá al lugar correcto y podremos ver la página oculta.
Veamos paso a paso cómo construir este sistema de acceso por clave

1.- Las páginas que desarrollar

Tenemos que trabajar con 2 páginas web por lo menos, una para colocar el formulario y otra que sería la página oculta. Estas páginas las tendremos colocadas en el mismo directorio, con lo que simplificaremos un poco el problema.

2.- Formulario para la clave

En la página que queremos poner el accceso por clave debemos colocar el siguiente formulario.

<FORM name=formclave>
<INPUT type=password name=clave>
<INPUT type=button value=Acceder>
</FORM>

3.- Función que nos envía a la página oculta

Como la página oculta tiene como nombre de archivo la lo que se haya escrito en el campo de texto podremos acceder a ella de la siguiente forma.

<SCRIPT>
function acceso(){
    window.location = document.formclave.clave.value + ".html"
}
</SCRIPT>

La función es muy sencilla, lo único que hace es concatenar el nombre que se ha escrito en el campo de texto con ".html" y nos manda, utilizando window.location, directamente a la página cuyo nombre se acaba de construir.

Como hemos concatenado con ".html" el nombre del archivo escrito en el formulario, el nombre que escribamos deberá ir sin ".html".

4.- Incluir en el botón la llamada a la función

Con el objetivo de que al pulsar el botón el navegador nos lleve a la página oculta, se ha de hacer que al pulsarlo, se llame a la función acceso definida en el punto anterior. Esto se consigue mediante el atributo onclick, que debemos insertar en la etiqueta del botón.

<INPUT type=button value=Acceder onclick="acceso()">

5.- Código entero de la página

Podemos ver a continuación el código de la página entera. Solo enseñamos el código de la página que tiene el formulario, porque la página oculta podrá ser como cada uno desee.

<html>
<head>
    <title>clave acceso</title>
</head>

<body>
<SCRIPT>
function acceso(){
    window.location = document.formclave.clave.value + ".html"
}
</SCRIPT>

<FORM name=formclave>
<INPUT type=password name=clave>
<INPUT type=button value=Acceder onclick="acceso()">
</FORM>

</body>
</html>


6.- Últimos apuntes y demo

Una cosa importante a la hora de conseguir que el script sea más seguro consiste en crear páginas con un nombre de archivo dificil de inventarse. Como el nombre de la página es la clave con la que se va a acceder a esa página necesitaremos que dicho nombre sea un poco complejo, por ejemplo, fks12dmxc53.html. Si la página clave se llamase por ejemplo, index.html cualquiera podría con un poco de imaginación inventarsela.

Antes de terminar, cabe repetir que este no es el método más seguro que existe para crear scripts para realizar accesos restringidos, solo es una pequeña astucia que "funciona". Para realizar este objetivo con mejores resultados tenemos lenguajes como ASP, PHP o CGI. También podemos restringir el acceso a las páginas utilizando el propio sistema operativo y la autentificación que implementa este, tal vez sea la opción más cómoda, aunque no es del todo probable que nuestro proveedor de alojamiento nos la permita.

Podemos ver el ejemplo entero funcionando en esta misma web.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

jose Luis

12/3/2002
El Articulo de clave de acceso en javascrip me parece muy bueno, pero porqué no poneis la manera de que cuando le introduzcas una palabra que no corresponda con ninguna de las paginas/claves llame a un fichero de error.html por ejemplo que le pongamos nosotros??? La verdad es que me encantaría que me enviaseis instrucciones a mi correo para hacerlo porque no tengo mucha idea de como hacerlo y lo necesito. Un saludo.

Respuesta:

Ahora no se me ocurre nada para modificar el script en ese sentido. Realmente dudo que se pueda de ninguna manera a través tan sólo de Javascript.
Se me ocurre que podrías, en caso de que te lo permita tu alojamiento, modificar la página de Error 404 (error de página no encontrada) para que salga el mensaje que deseas.

LUC@S

28/6/2002
Hola, te comento que el articulo d clave de acceso en javascrip esta muy bueno,es mas me viene al pelo con un proyecto que estoy haciendo, pero en mi caso existen varios usuarios que deben ingresar, c/u tiene una clave propia, junto con su nombre de usuario, y al ingresarlo c/u tiene un destino distinto por ser un usuario distinto.

No me interesa mucho el tema de seguridad, asi que imaginate que este java me viene bien, pero sabes como puedo cambiarlo para lo que pido. Muchas gracias!!

RESPUESTA

Construye el nombre del archivo al que tienes que llevar a cada usuario a partir del nombre de usuario y contraseña que hayan introducido:

<html>
<head>
<title>clave acceso</title>
</head>

<body>
<SCRIPT>
function acceso(){
window.location = document.formclave.usuario.value + document.formclave.clave.value + ".html"
}
</SCRIPT>

<FORM name=formclave>
Usuario: <INPUT type=text name=usuario>
<br>
Clave: <INPUT type=text name=clave>
<br>
<INPUT type=button value=Acceder onclick="acceso()">
</FORM>

</body>
</html>

juanje

30/9/2002
hola que tal el javascript esta de lujo. Felicidades!!! mira qeria saber como puedo hacer para qe la clave salga en asteriscos. Graciasssss. Espero contestacion

RESPUESTA

Pues es un error nuestro que la clave no salga en asteriscos, pero lo he corregido ya... Simplemente es que en vez de colocar un input de "type=text" hay que colocar uno con "type=password".

enri

30/9/2002
Ta wapo el artículo, pero hay alguna forma de cambiar ese error del admnistrador. Mi page esta en iespana, pero aun no tengo ni idea de como se hace.

RESPUESTA

Puedes cambiar la página de error 404 (archivo no encontrado), si dispones de un alojamiento que lo permita, aunque no creo que en iespana se pueda.

Para personalizarlo todo al máximo, no debes utilizar Javascript, ya que otras soluciones implicarían que escribieses la clave en el código de la propia página web y alguien leyendo el código fuente podría saltarse tu seguridad, porque allí estaría escrita la clave.

Leonardo (

04/11/2002
Bueno la verdad es que no se mucho de javascript pero, ya que estan tratando el tema de seguridad, se me ocurrio un script del que a lo mejor alguien puede darle algún uso. Se trata de un bucle sencillo que no hace mas que llamar a una variable que contiene el script "prompt" al hasta que se le escriba el texto correcto.

Bueno la verdad no es mucho pero si alguien del publico puede refinarla me gustaría que me escribieran a mi correo.

Es el script es el siguiente:

<html>
<head>
<title>Pagina con password</title>
<script lenguage="javascript">
password=prompt("Dime la contraseña para entrar a esta web","");
while(password!="contraseña"){
alert("Tienes que escribir una contraseña valida");
password=prompt("Dime la contraseña para entrar a esta web","");
}
</script>
</head>
<body>
<h1>Felicidades entraste a la página</h1>
</body>
</html>

Mauricio Polanco

17/2/2003
Mira. Segui detenidamente tu articulo para llamar una pagina oculta mediante un formulario. Es decir Acceso a Pagina con una Password. Me parecio excelente y sencilla tu solucion. De hecho la utilizo y te doy las gracias. Pero existe un detalle. Y es que por defecto las personas tendemos a ingresar los datos (password) y automaticamente presionar el boton ENTER y de esta manera esta solucion propuesta por ti no funciona. Es decir obliga a ingresar la password y luego apretar el boton. ¿Existe una forma de solucionar esto?...mil gracias por tu respuesta.

RESPUESTA

Creo que tienes razón, pero aunque tendemos a comportarnos como describes, si alguien ve que con ENTER no accede, inmediatamente pulsará el botón de al lado.

De todos modos, con una función que detecte la pulsación de la tecla ENTER y ponga en marcha la función, solucionarías el problema. Algo parecido a esto: http://www.desarrolloweb.com/articulos/885.php

Ricardo

03/4/2003
Encuentro genial este script, lo estoy usando funciona muy bien, pero una consultita ¿cómo puedo hacer para que el script pueda encontrar la página en una subcarpeta?

RESPUESTA

Pues deberías cambiar una línea del script javascript, en la función acceso(), donde pone:
window.location = document.formclave.clave.value + ".html"

Deberías modificar la URL a la que dirijes al navegador para que también tenga en cuenta el directorio donde tienes las páginas de acceso restringido. Si por ejemplo el directorio fuera "dir", la línea quedaría así:
window.location = "dir" + document.formclave.clave.value + ".html"

saul

30/6/2003
como cambio la palabra para acceder.

RESPUESTA

Pues cambiando el nombre del archivo HTML que tiene el contenido restringido.

Ivan Alfonso Olamendy

20/9/2003
El articulo me parece poco util, porque una ves encontrado el nombre de la pagina, con solo mirar la direccion podremos acceder a la pagina "oculta". Lo ideal seria que si tratamos de acceder a la pagina oculta sin habernos "logeando" el servidor nos devuelva el formulario en ves de la pagina oculta.

Tienes idea de como hacer esto?? Te lo agradeceria mucho. Saludos atentos.

Jorge Alberto J.F.

09/12/2003
Saludos!!
La verdad es que yo solo eh leido los articulos y no los eh puesto ne practica, pero a lo que dicen de solo observar la direccion de la pagina: que les parece si:

1.-Despues de que se pone la clave correcta.
2.-Se caraga la pagina y en el evento Load, usan el "locationbar", para cambiar su valor..

Nota: No se si sea posible, pero si no lo es porfavor no me regañen por que soy un novato y teorico paracabarla.

Saludos desde Mexico.

Juan Ramos

02/3/2004
Es indudable que funciona. Pero habrán visto, los que ya lo han practicado, que en la url aparece la clave de la página que hemos ingresado?.

Bueno, podemos hacerlo más interesante, simplemente que la página clave tenga un redirect para que éste lleve hacia una página con nombre normal de .htm/.html, de esa forma no veremos nunca la clave en el url; incluso si queremos regresar para ver la página clave el redirect no permitirá verlo.

Un saludo desde Perú

DJ_Tote

06/5/2004
Yo veo un problema,la clave de entrada(es decir el nombre de la pagina)lo pude sacar cualquiera.En el script de javascript,en el codigo fuente esta escrito para hace la comparacion.Basta con ver el codigo fuente para entrar

Pablo

26/11/2004
Felicitaciones por el esfuerzo y trabajo!!
Las explicaciones son claras y con los ejemplos puestos es más fácil poder compararlo con lo que uno hace.
Una duda: cómo puedo hacer para que la palabra clave no aparezca en la dirección final (http://www. etc)?
Nuevamente gracias

Hurricane

26/11/2004
Una solución sería redireccionar, de la forma
<body onLoad="document.location.href='otra_web';">
Así no habría forma de saber la clave.
Saludos ;-)

Erlan

07/4/2005
Es exactamente lo que necesitaba muchas gracias, soy novato en esto del java y me ayudo mucho

pablo

27/7/2005
Justo lo que necesitaba! Recien empece a aprender algo de Java asi que mucho no se de esto pero el problema de que la clave se ve en la clave en la URL yo lo solucione poniendo la pagina con el codigo para el acceso en una pagina con frames.
Saludos y Gracias.

08/8/2005
desde mi punto de vista no es seguro

oswaldo

25/8/2005
Hola espero que esto les resuelva la duda sobre la página de error, en realidad solo mando un alert y pongo la sentencia abajo que me regrese a la pagina en la que me encontraba justo antes de mandar el alert, el codigo fue inspiración de aqui mismo...ciao

Ejemplo:

<title>
CLAVE DE ACCESO
</title>
<HEAD>
<CENTER>
ACCESO A HORARIOS
</CENTER>
</HEAD>
<BODY>

<SCRIPT>

function verifica()
{
if((formclave.clave.value!="horarios")||(formclave.usuario.value!="leif"))
{
alert("ERROR, verifique la clave de acceso");
window.open.formclave.clave;
}
window.location = document.formclave.usuario.value + document.formclave.clave.value + ".html"
}

function bloqueo_de_boton()
{
if(event.button==2)
{alert('Botón bloqueado')}
}
document.onmousedown=bloqueo_de_boton

</SCRIPT>

<FORM name=formclave>
Usuario:<INPUT type=text name=usuario>
<br>
Clave: <INPUT type=password name=clave>
<INPUT type=button value=Acceder onclick="verifica()">
</FORM>

</BODY>
</HTML>

Alberto

14/9/2005
Si queremos que salga una página de error pondremos lo siguiete:

if (clave == valor_clave) {
window.location("mi_pagina.html");
} else {
window.location("error.html");
}
También le podemos dar 3 oportunidades;
Ponemos variable global:
var intento = 0;
if (clave == valor_clave) {
window.location("mi_pagina.html");
} else if (intento == 3){
window.location("error.html");
} else intento = intento + 1;

Mauricio

29/9/2005
Consulta.
Quisiera si me podrian ayudar para poner una contraseña a un link a mi pagina es decir que para que cualquier persona quiera acceder a ese link le pida un user y pass y a cierta cantidad de intentos le de algun error.
Esto se puede realizar o no?
Me podrian ayudar con esto...??
Muchas Gracias.
Espero su respuesta.

PiCkSiE

29/9/2005
no es seguro entre a esta pagina buscando algo asi para ponerlo como retos de hack en mi pagina: http://www.mexican-mafia.org :)

luis roberto

30/9/2005
mira el articulo esta bien, pero no logro acceder a la pagina que quiero acceder me pregunto como le pongo para que entra a mi pagina, acaso la clave de acceso es el nombre de la pagina?? o como le ago porfavor responde.

Chemi

07/10/2005
Hola,

Esta muy bien esto que comentais, yo he utilizado algo parecido utilizando javascript, y mi duda es la siguiente:

En navegadores que tengan bloqueados o no permintan eventos javascript (como la nueva versión de I.E.) no funcionaría no?

Por lo menos a mí, utilizando promts de dicho lenguaje, se me bloquean y no me salen con lo que no comprueba la contraseña y va directamente al html que quiero proteger :s

Igual me equivoco, no se.

Muchas gracias de antemano.
Saludos!

Esteban

29/10/2005
Para enviar al usuario a una determinada página en caso de error al introducir la contraseña podéis hacer lo siguiente:
if (contraseña no valida) {
document.nombreformulario.action="url_error.htm";
}

carlos

26/11/2005
tal vez no sea seguro porque en la url aparece la clave pero tambien podemos hacer que no aparesca nada en la url y abra la pagina normalmente, les mandare pronto el codigo gracias, desde mexico

laura_soul

28/12/2005
Buenas,
este artículo, por lo que he practicado, tan sólo sirve para acceder a una pagina con un acceso restringido.
¿Podría de alguna manera, que depende donde esté este acceso restringido vaya a diferentes páginas con el mismo usuario y contraseña?
Muxas gracias de antemano!!!
laura_soul

Rene

04/1/2006
Me parece exelente

Carlos Alberto

12/1/2006
Y como podemos ocultar la barra de estado y la de dirección de la nueva página ?

Javier

23/1/2006
Intento hacer que se abra en una NUEVA VENTANA, resizable y sin las barras de direcciones ni scroll, de esta manera quedaría oculta la clave ¿no?. No se donde tengo que incorporar el código, ruego ayuda.

emulation

23/1/2006
lo de la url se soluciona poniendole al fomulario el method='post'

Christian

25/1/2006
Como hago para asignar varias contraseñas a usuarios diferentes para que puedan ingresar sin dificultades...

Javier

29/1/2006
¿A alguien se le ocurre como hacer que la página de destino se abra en una NUEVA VENTANA?. Necesito ayuda

LoboanDragon

14/2/2006
veries yo kiero hacer algo asi pero no me funciona laguin save cual es el erro y como corregirlo

<html>
<head>
<title>clave acceso 2</title>
</head>

<body>
<SCRIPT>
function acceso() {
var c=lobo;
if(clave==c)
boton=<a href="1983.htm">clave</a>;
else {
boton= <a href="error.htm">clave</a>
}
}
</script>
<FORM name=formclave>
<INPUT type=password name=clave>
<INPUT type=button name=boton value=Acceder onclick="acceso()">
</FORM>


</body>
</html>

Enrique Garcia

19/5/2006
Excelente ejemplo para proteger una pagina con scrip, pero cuando lo quiero implementar en una de mis paginas no me funciona. Lo que hago es en lugar de la clave que ustedes poner, yo le pongo una pagina mia existente, pero al correrlo me dice pagina no existente. Hay algo que deba agregar... ? Gracias!!!

Ricardo

13/6/2006
Hola!! bueno, encuentro extremandamente interesante esto del javascript, no se mucho pero tampoco soy un ignorante en esto, pero kisiera saber como hacer si tengo una pagina, y kisiera agregarle la opcion de ke se registren, es decir, que entren a la pagina, se inscriban (llenar un formulario), y ke ellos pongan una contrasena, despues se manda a mi el formulario (que ya se como hacerlo, ese no es problema), pero quiero saber como hacer que inicien sesion ellos o algo asi con su cuenta que acaban de crear!! no se si al momento de introducir su username and password se refresce la pagina pero con algunos parametros nuevos o no se de tal manera que ya esten conectados y tengan privilegios de estar registrados en la pagina.

Si me podrian ayudar sera genial!!
GRACIAS!!

P.D. sus tutoriales estan muy buenos, si se aprenden!!

Maria

20/6/2006
Hola a todos:
Quería redimensionar la página de la clave para hacerla mas pequeña y que quedase más bonito y por tanto puse en la principal que enlaza con la de la clave la siguiente secuencia:
<SCRIPT>
function ventanaSegunda (URL){
window.open(URL,"ventana1","width=220,
height=100,left=410,top=290, scrollbars=NO")
}
</SCRIPT>

y la llamada a la función donde va el enlace:
<A HREF="javascript:ventanaSegunda('Clave.html')">Ingresar Clave</A>

Hasta aquí todo bien, el problema es que, una vez introducida la clave, quiero redimensionar la nueva página para que se vea a pantalla completa.

¿Podríais decirme donde tengo que poner el script en estas instrucciones para redimensionar de nuevo o como puedo hacerlo?. Gracias.

<SCRIPT>
function acceso(){
window.location = document.formclave.clave.value+".html"
}
</SCRIPT>

<FORM name=formclave>
<INPUT type=password name=clave>
<INPUT type=button value=Acceso onclick="acceso()">
</FORM>

</body>
</html>

Marcelo

27/6/2006
QUIERO ME AYUDEN LO ANTES POSIBLE QUIERO CREAR EN UNA PAGINA DE DIRECCIONES UN SCRIP EN EL QUE PRIMERO PIDA NOMBRE DE USUARIO Y CONTRASEÑA PAR PODER VER ESA PAGINA SI NO CASO CONTRARIO QUE SALGO ERROR Y NO PUEDAN ACCEDER A ESA PAGINA LO QUE QUIERO SABER ES DONDE CAMBIO Y LA CONTRASEÑA PARA ESA PAGINA Y SI PUEDO HACER LO MISMO EN DIFERENTES PAGINAS YA QUE ES MAS O MENOS UNA BASE DE DATOS DE UNAS 50 PERSONAS DE DATOS PERSONALES QUE SOLO QUIERO QUE VENA LOS PERSONAS QUE SEPAN LA CLAVE PORQUE NO SE UNSAR COSAS MUY COMPLICADAS Y SOY NUEVO EN ESTO GRACIAS ESPERO SU RESPUESTA LO ANTES POSIBLE

kam

28/6/2006
muy bueno el articulo, necesitaria que me de una mano y me digan como puedo hacer para que se cargue y abra en otra ventana, muchas gracias.

joel

04/7/2006
El articulo de la clave es genial, pero como hacer para que dos o más usuarios no utilicen la misma clave simultaneamente...gracias

Roli

24/11/2006
Aqui va algo de inspiracion...
Se habran dado cuenta que solo hay un campo de texto... si queremos añadirle otro mas cosa que paresca mas formal con usuario y coontraseña simplemente aumentaremos un campo de texto dentrro del form con NAME="USUARIO" y en la parte del script del head añadiremos
...+ document.formclave.usuario.value +... y listo tendremos dos campos.
Para interesados en el diseño web...ponganse en contacto mi persona.

liz

26/1/2007
hola una pregunta en el ejemplo de la clave tu das la clave para entrar, la pregunta es como puedo hacer para que el usuario pueda modificar la clave a su gusto y asi pueda acceder con una clave que le sea facil recordar

osvirtual.com

29/1/2007
Excelente javascript! Pero me pregunto si en vez de "ocultar" una pagina, se podria algregar otro script en la pagina que queramos como sitio "denegado" para luego redireccionarlo hacia el formulario de "acceso de miembro".

Gracias y saludos,

JOSE MANUEL

03/2/2007
HOLA ME ESTOY QUE DANDO CON UNA DUDA TENGO UNA PAGINA WEB Y QUIERO QUE CUANDO UNA PERSONA QUIERA ENTRAR A MI WEB TENGA QUE ENVIARME UN MESAJE
PARA QUE YO LE DE UNA CLAVE TEMPORAR PARA CUANDO QUE SOLO LA USE UNA SOLA VER Y YA CUANDO TENGA ESA CLAVE PUEDA REGITRARSE EN MI PAGINA PLIS UNA AYUDA AQUI ESTE ES MI CORREO ELDURS@HOTMAIL.COM

jose manuel

09/2/2007
hola como estan quiero que me den mas detalle de estos paso me gustaria poner esto en pratica con mi pagina web. esto es lo que quiero hacer quiero poner en mi pagina web otra web pero para haceder a esta con clave tiene que entrar el codigo quiero saber como sease esto plis

angelito

17/2/2007
Buenas.
ante todo, excelente script^^.

He estado revisandolo todo, el formulario perfecto, ya lo tengo hecho, porque practicamente es copiar y pegar, pero en la web que quiero proteger, que he de poner? porque me parece que no lo explica o no me entero bien..

Es decir..

Formulario = donde se ponen los datos.

Para enlazarlo con la web protegida esos datos, en la web protegida ha de poner algo. digo yo.

De no ser asi, aclaradme la duda por favor..

Gracias.

17/2/2007
Hola espero que esto les resuelva la duda sobre la página de error, en realidad solo mando un alert y pongo la sentencia abajo que me regrese a la pagina en la que me encontraba justo antes de mandar el alert, el codigo fue inspiración de aqui mismo...ciao

Ejemplo:

<title>
CLAVE DE ACCESO
</title>
<HEAD>
<CENTER>
ACCESO A HORARIOS
</CENTER>
</HEAD>
<BODY>

<SCRIPT>

function verifica()
{
if((formclave.clave.value!="horarios")||(formclave.usuario.value!="leif"))
{
alert("ERROR, verifique la clave de acceso");
window.open.formclave.clave;
}
window.location = document.formclave.usuario.value + document.formclave.clave.value + ".html"
}

function bloqueo_de_boton()
{
if(event.button==2)
{alert('Botón bloqueado')}
}
document.onmousedown=bloqueo_de_boton

</SCRIPT>

<FORM name=formclave>
Usuario:<INPUT type=text name=usuario>
<br>
Clave: <INPUT type=password name=clave>
<INPUT type=button value=Acceder onclick="verifica()">
</FORM>

</BODY>
</HTML>

___________________

Esto es precisamente lo que yo quiero, pero cuando lo pruebo, me dice que no es correcto el usuario.. muy buena script esta, pero lamentablemente cuando pongo la pass y el user correcto, me dice que nanai.

Me pueden decir por qué? gracias

angelito

18/2/2007
Ya me va ^_^

Pero lo del mensaje de error no, se me bloquea, alguien me puede decir en que parte del codigo va la script del error?

Gracias ^_^

DJs WEB

05/4/2007
HOLA a todos me gustaria saber como proteger con java la paguina a la que ingresé luego de colocar la contraceña, por que esta queda en el historial y en las cookies

cristian

04/5/2007
Como logro despues de logerme para que la pagina aparesca en otra ventana y no en la misma ventana.

Omar

10/5/2007
el codigo que llama a la funcion Verifica, no funciona, si bien bloquea el clic derecho del mouse, uno puede entrar igual en el menu: ver>Codigo fuente y ahi esta escrita la clave y el usuario: Usuario:LEIF Password: HORARIOS

la otra funcion con el usuario es muy violable, debido a que por mas que direcciones a una pagina con un redirect despues del redirect se direcciona a la pagina y copianto la URL de la pagina podes ingresar saltando el pasword, la mejor opcion seria la del PROMPT esta muy buena, aunque las desventajas serian que si pones la URL de la pagina donde esta el prompt en DAP, y haces download del archivo html, luego miras el codigo fuente y descubris la clave...

en realidad no se puede hacer cono javascript solo una contraseña segura, xq javascript funciona del lado del cliente, no en el server, por eso lo mejor seria hacerlo en PHP o ASP...
a menos que la info no sea muy importante y solo quieras prevenir que tu hermanito menor que no sabe un carajo de programasion entre a tu sitio..

Juan David

31/5/2007
Hola, tengo problemas con el codigo, yo tengo mi pagina montada en freewebs, pero cuando le doy el nombre del archivo(la contraseña), se me queda en la misma pagina, alguien sabe si eso pasa por estar en freewebs o no???

Gracias

Juan David

03/6/2007
Hola, es que tengo mi pagina montada en partes gratis, por ejemplo Freewebs, googlepages y 5Gb, pero al poner la contraseña se queda en el mismo lugar, yo creo que es por la parte del codigo:
window.location = document.formclave.clave.value + ".html"

Por favor me ayudan a que me funcione en esos host

soy novato ayudadme porfavor

04/9/2007
hola amigos, soy novato en esto de las webs. tengo mucas ganas de hacer algo pero no me salgo con ello.

allí va mi problema:

1) donde pongo cada uno de los cadigos (hard, body,... )???

2)donde pongo la contraseña para que acceda a la otra pagina ???

3)donde pongo el vinculo de la otra pagina ???

4)como lo ago para que no se vea la contrasenya(si es posible)

5)si te equivocas al poner la contrasenya que se desvie a otra pagina echa por ti (si es posible hacerlo )

Si alguien pudiera alludarme en esto se lo agradeceria mucho !!!!!

por si acaso aqui tienen mi correo !!!

gracias de nuevo amigos !!!!

veronica

22/9/2007
he probado el script y funciona, pero yo lo necesito para mas personas, cada una tiene usuario y contraseña.
Mi pregunta es donde pongo el nombre de usuario y la contraseña y como puedo añadir mas de un usuario. gracias

DIANA MORAN

04/10/2007
hola tengo un problema con un codigo de ASP. NO PUEDO CONECTARLA CON NINGUNA PÁGINA POR FAVOR AYUDENME,EN QUE ESTOY MAL, ESTE ES MI CODIGO:



<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>formulario</title>
<script type="text/JavaScript">
<!--

function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>
<style type="text/css">
<!--
.Estilo1 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
</head>


<BODY bgColor=skyblue>

<div align="center">
<P align=center class="Estilo1">Teclea tu nombre y clave (MAYUSCULAS)

<%if request.form("usu")="" then%>
<form id="form1" name="form1" method="post" action="formulario.asp">
<p>usuario:
<label> <input name="usu" type="text" id="usu"/> </label>
</p>
<p>password:<label> <input name="pass" type="password" id="pass"/></label>
<label>
<input name="Submit" type="submit"onclick="MM_goToURL('parent','formulario.asp');return document.MM_returnValue" value="Enviar"/>
</label>
</form>

<%else
'eliminamos las posibles comillas de la entrada
'para evitar la introducci&oacute;n de sentencias SQL
usuario=replace(request.form("usu"),"'","")
password=replace(request.form("pass"),"'","")

Set Conn = Server.CreateObject("ADODB.Connection")
Conn.Open("DRIVER={Microsoft Access Driver (*.mdb)}; DBQ=c:hbase.mdb")

set rs =CreateObject("ADODB.Recordset")
sqltxt="Select * from usuarios where usuario='"&usu&"' and password= '"&pass&"'"
'response.write sqltxt
rs.Open sqltxt, conn
if not rs.eof then
' nos ha devuelto un registro, ahora miraremos si es valido
' con ello evitamos el ataque t&iacute;pico SQL
if rs("usuario")=usu and rs("password")=pass then
'sNombre=Request.form("usuarios")

' si el usuario esta en la base de datos y la password coincide
session("autorizacion")=1
response.redirect "http://www.hotmail.com.mx"
end if
else
session("autorizacion")=-1
'hola mundo
end if
rs.close
set rs=nothing
conn.close
set conn=nothing
if session("autorizacion")=-1 or session("autorizacion")="" then
' no hemos encontrado el registro
' eso indica que el usuario y/o la password son erroneos


Server.Tranfer("pincorrecto.asp")



end if

end if%>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

Jose Risueño

10/10/2007
Hola que tal, queria decir que a mi no me ha funcionado, lo de la clave de acceso.
lo he realizado con el frontpage. quizas algun detalle que se me escaba. ¿por que no hay que poner ningun hipervinculo ¿no?.
buneo yo cree las dos paginas en un directorio
una con el nombre restringida y la otra con el nombre: sexp0rn.
el nombre de la pagina lo he puesto dando a propiedades de la pagina y cambiar el nombre.
. luego he provado y no funciona na.

braian

04/2/2008
buenos dias muy bueno.
queria saber como se hace para cambiar el password???? yo no entiendo mucho de form.
y como se hace para q tenga usuario y contraseña??
me explican paso a paso,
desde ya muchas gracias

kari lopez

27/10/2008
hola que tal estoy empezando en esto de javascript necesito que me ayuden como hago mi login pase a la pagina.html que quiera o como hacer la pagina oculta eso no lo entiendo..

gracias
espero su respuesta

sergio

03/11/2008
holas yo queria algo asipero al poner la contraseña solodirege a una pagina y quetal copia el url el usuario y cada ves entra yo quiero q sea con contraseña http://www.desarrolloweb.com/articulos/ejemplos/restringidojavascript/uut75cp855b-m.html no hay por ahi algo mejor

Eugenio

10/8/2009
encontre que hay que añadir /
a la sugerencia para encontrar los archivos en un subdirectorio que das :

window.location = "dir" + document.formclave.clave.value + ".html"

encontre que me fallaba , asi que probe con :

window.location = "dir/ " + document.formclave.clave.value + ".html"

y asi va bien

Hernán

30/8/2009
Clave de acceso
Hola, me he leido casi todo lo que habeis puesto sobre el tema de poner una clave de acceso para una pagina de una pagina web. Yo no sé nada de eso y no he entendido casi nada. Si alguien me pudiera explicar con detalles lo que tengo que hacer para poner una zona privada lo agradecería mucho. Uso palimpalem, por si es diferente a otras cosas o sirve de algo.
Gracias

Gonzalo

07/12/2009
Validacion
Como estas/n:
Mi problema radica en que si le das adelante al boton del navegador pudes acceder a la pagina cual necesita loggin ,
he probado con location.replace pero solo borra la ultima no todas o por lo menos las 10 primera (de todas formas no seria solucion ).....

cualquier recomendacion es bienvenida

gunnar

12/12/2009
Necesito crear un acceso para ingresar a un menu
ola soy gunnar necesito un acceso para entrar a mi menu en javascript y nu se como hacerlo pero tambien es que ese acceso este conectado a una base de datos en sql cualquier ayuda les dejo mi msn gmcht9@hotmail.com ya es urgente!!!

karen

27/12/2009
ayuda urgente
hola por favir ayudame tengo una pagina hecha en dreamweaver 8 y ahi hay un formulario de usuario y contraseña al ingresar el usuario su contraseña y clave quisiera que eso datos se vallan guardando en una base de datos access pero no se como exactamente hacerlo

franco

30/12/2009
htlm
hola soy nuevo en esto y quisiera tener una cuenta para entrar con contraseña mucho no entendi porfavor me podrian ayudar ? muchas gracias;

Yerko

03/3/2010
javascript (pagina con password)
Hola Miguel Angel, soy nuevo en esto del javascript, favor necesito colocarle una pass a una de mis paginas e ingrese el código que aparece en uno de los ejemplos y no me funciona, aparece la pagina 404. puede que este colocando mal la password en el codigo o no se, solicito me indiquen que puedo hacer. gracias por la pagina es muy util un saludo desde Chile.

Este es el codigo que estoy utilizando:

<html>
<head>
<title>clave acceso</title>
</head>

<body>
<SCRIPT>
function acceso(){
window.location = document.formclave.clave.value + ".html"
}
</SCRIPT>

<FORM name=formclave>
<INPUT type=password name=clave>
<INPUT type=button value=Acceder onclick="acceso()">
</FORM>

</body>
</html>

Falconi

26/5/2010
ayudenme porfavor chico/cas
deseo crear por primera vez una clave de acceso parea una pagina web ¿ còmo lo realizo?

spero respuestra porfavor

nelson

18/6/2010
acceso y registro a la web
mi web es mgncomputer.webs.tl
y quiero saber como hago registrar personas a mi pagina y como coloco en pagina de entrada el acceso de entrada

Raquel

21/7/2010
Duda
Hola a todos yo tengo una pequeña duda, tengo que realizar un ejercicio que consiste en:
1.- Zona Administrador

Esta zona permitirá al administrado introducir una contraseña para poder acceder a la zona de mantenimiento. Para ello, se recomienda realizar los siguientes pasos:

Incluir un nuevo enlace en el índice para el Administrador. Este enlace apuntará a una nueva página web que contendrá el siguiente formulario.


Es necesario mencionar que el campo <input> es de tipo password, para evitar que se muestre la clave en pantalla cuando se introduzca.
El formulario no será enviado a ningún sitio, por tanto, la propiedad action quedará vacía. Por tanto, el botón enviar no será de tipo "Submit", sino que será de tipo "button". Esto es así, porque el formulario no será enviado a ninguna parte, ya que la clave debe ser verificada previamente.
Cuando el usuario pulsa el botón enviar, se deberá comprobar si la clave es correcta. Para ello, en el botón enviar, se deberá definir el evento onMouseDown. Este evento deberá invocar a la función Comprobar con la clave introducida (que esta en la propiedad value de la etiqueta input)
Será necesario definir la funcion Comprobar, que recibe la clave introducida. Esta funcion sólo tendrá que comprobar si la clave introducida es igual a "Curso Web". En caso de que sea cierto, se deberá redireccionar a la página de mantenimiento. Para esta última tarea, se utilizará el objeto location, de la siguiente manera location.href="Mantenimiento.htm".
Es algo parecido al ejemplo pero tengo k validar la contraseña y mandarlo a otra pagina.
¿Como lo podría hacer?
Gracias

oscar

20/11/2010
javascript clave
oigan alguien sabe como hacer que aparesca en una nueva ventana a la hora de escribir la contraseña correcta ??

intente con lo que yo sabia y nel no se puede.

lo que pasa esque estoy haciendo una pagina de hacertijo al igual que NotPr0n. Y necesito ese codigo.

Ayuden porfavor Y EXELENTE CODIGO: Acceso por clave javascript

federico

09/12/2010
Esto no es seguridad
Con javascript no se puede asegurar ninguna página web, no se quien ha sido el que a escrito este tutorial, pero solo sirve para confundir a la gente. Cualquiera con un mínimo de astucia es capaz de encontrar todas las páginas 'ocultas' que hallas creado con este método. Porque no están ocultas, simplemente un poco escondidas.
Que ha simple vista parezca difícil de encontrar el nombre, no quiere decir que con un programa en un rato no se pueda lograr.
Un saludo y cuidadin amigos.

Xavi Sánchez Arias

19/1/2011
página oculta.
Muchas gracias por la idea, pero, ¿podria cargarse la página oculta solo apretandi intro?
Muchas gracias

Diana

23/2/2011
Cambia de Contraseña
Hola necesito ayuda quiero cambiar de contraseña pero por seguridad quiero que el usuario ingrese la contraseña exitente para posteriormente cambiarla a una nueva contraseña

rocio

23/2/2011
cambio de contraseña y comparar anterior
hola necesito ayuda el codigo de cambio de contraseña ya lo tengo, lo que me falta es comparar la contraseña existente de la base con la ingresada en el formulario, ya intente de varias formas y no puedo ayuda porfavor.
ahi les adjunto mi codigo



<?PHP
session_start();
if(!session_is_registered('idpersonal'))
{
echo "<script language='javascript'>alert('Debe haber ingresado al login')</script>";
echo"<meta http-equiv='Refresh' content='0;URL=login.php' />";
} else {
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="shortcut icon" type="image/x-icon" href="../images/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="../images/favicon.ico" />


<?PHP
/*-----Para ejecutar el estilo glas comprobando q sea un navegador distinto a iexplorer---*/
if (strstr($_SERVER["HTTP_USER_AGENT"], "MSIE")) {
echo"<script src='../javascripts/javascripts/prototype.js' type='text/javascript'></script>";
echo"<script src='../javascripts/javascripts/glassbox/glassbox.js' type='text/javascript'></script>";
echo"<script src='../javascripts/glassboxsol_funcion.js' type='text/javascript'></script>";
echo"<link href='../javascripts/glassboxsol.css' rel='stylesheet' type='text/css'>";
}
else {
echo"<script src='../javascripts/javascripts/prototype.js' type='text/javascript'></script>";
echo"<script src='../javascripts/javascripts/glassbox/glassbox.js' type='text/javascript'></script>";
echo"<script src='../javascripts/glassboxsol_funcion.js' type='text/javascript'></script>";
echo"<link href='../javascripts/glassboxsol.css' rel='stylesheet' type='text/css'>";
}
?>


<script language="javascript" src="../javascripts/js_funciones.js"></script>
<?php

/* =========================Esto es del Menu WebMaster ===================*/

$codi_usua=$HTTP_SESSION_VARS["idpersonal"];

require("conexion.php");
//echo"$codi_usua";

$txtAccion=$_POST['txtAccion'];
$txtPassword2 = $arrAccesoPerfil['acc_password'];
$txtPassword=$_POST['txtPassword'];


$select = "select acc_nombre, acc_apellido from acceso_perfil where acc_usuario = '$codi_usua' "; //SELECCIONNO EL MAYOR
$rsNombres = $cn_control->simpleQuery($select);
$cn_control->fetchInto($rsNombres, $arrNombres, DB_FETCHMODE_ASSOC);
$Nombre= $arrNombres['acc_nombre'];
$Apellido= $arrNombres['acc_apellido'];


?>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>



<style type="text/css">
<!--
.Estilo4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #006600;
}
.Estilo5 {font-family: Arial, Helvetica, sans-serif}
.Estilo6 {
font-size: 16px;
font-weight: bold;
}
.Estilo8 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
.Estilo9 {color: #006600}
-->
</style>
</head>

<?PHP

//------ PREGUNTO POR EL VALOR DE LA VARIABLE ENVIADA txtAccion SI ES GRABAR REALIZO LA ACCION "GRABAR" --------------------------//



//echo "<script language='javascript'>alert('La contraseña es incorrecta.')


if ($txtAccion == 'Grabar'){

//----PREGUNTO POR EL VALOR DE LA VARIABLE ENVIADA tipo SI ES "Nuevo" REALIZO LA ACCION "Guardo Nuevo registro"------------------//

$query= "update acceso_perfil set acc_password= '$txtPassword' where acc_usuario = '$codi_usua'";
echo "<script language='javascript'>alert('La contraseña a sido modificada con exito.');</script>";
}

$arContrasena = $cn_control->simpleQuery($query);


?>




<?PHP

//-->
</script>
<!--<style type="text/css">
<!--
.Estilo1 {
font-size: 18px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #009900;
}
.Estilo2 {
color: #009900;
font-weight: bold;
}
-->

<!--<style type="text/css">
<!--
.Estilo1 {font-weight: bold}
.Estilo2 {
color: #009900;
font-weight: bold;
font-size: 18px;
}
.Estilo3 {font-size: 18px}
-->

<style type="text/css">
<!--
.Estilo1 {
color: #006600;
font-weight: bold;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}
.Estilo3 {color: #009900; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
.Estilo4 {color: #006600}
.Estilo5 {font-size: 18px}
.Estilo6 { color: #006600;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
.Estilo7 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
-->
</style>
</head>

<body >

<!--<div id="wrapper">

<div id="myBox" class="glassbox" align="center">-->
<tr>
<table width="838" height="370" align="center">
<td width="837" height="370" rowspan="7" align="center" valign="top">
<table width="607" height="243" align="center" >
<tr>
<td colspan="4" rowspan="2" align="left">
<table width="194">
<tr bordercolor="#009900">
<td background="/camara/sw_syscamweb/webpages/pw_wcon_consulta.php" class="Estilo1">&nbsp;</td>
</tr>
<tr bordercolor="#009900">
<td background="/camara/sw_syscamweb/webpages/pw_wcon_consulta.php" class="Estilo1">&nbsp;</td>
</tr>
<tr bordercolor="#009900">
<td background="/camara/camara/sw_syscamweb/webpages/pw_wcon_consulta.php" class="Estilo1">&nbsp;</td>
</tr>
<tr>
<td background="/camara/sw_syscamweb/webpages/pw_wcon_consulta.php" class="Estilo1"><span class="Estilo1">
<div align="left">Consulta de Cuotas</div></td>
</tr>
<tr>
<td><div align="left"><a href="/camara/sw_syscamweb/webpages/pw_pcon_datopersonal.php" class="Estilo1">Datos Personales</a></div></td>
</tr>
<tr>
<td><div align="left"><a href="pw_pcon_contrasenia.php" class="Estilo1">Cambio Contrase&ntilde;a </a></div></td>
</tr>
<tr>
<td><div align="left"><a href="/camara/sw_syscamweb/webpages/sugerencias1.php" class="Estilo1">Sugerencias</a></div></td>
</tr>
<tr>
<td><div align="left"><a href="/camara/sw_syscamweb/webpages/logout.php" class="Estilo1">Salir</a></div></td>
</tr>
<tr>
<td width="158" height="282"><div align="center"><img src="../images/CONTRA~1.PNG" width="150" height="190"></div></td>
</tr>
</table>
<span class="tdformdet"></span></td>


</tr>
<tr>
<td width="584"><table width="571" height="370" bordercolor="#009900">
<tr>
<td width="547" height="445" align="center" valign="top"><table width="540" cellpadding="0" cellspacing="0">
<tr>

<td width="76" align="center"></td>
<td width="337" align="right" valign="middle" class="tdform_white"><div align="right"></div>
<?PHP echo"Bienvenido !! $Nombre $Apellido"; ?></td>
</tr>

</table>

<table width="470" height="422" align="center">

<tr>
<td height="20" colspan="8"><div align="center"><span class="Estilo3">
<span class="Estilo4"><span class="Estilo5">Cambio de Contrase&ntilde;a </span></span>
</span></div></td>
</tr>
<tr>
<td width="0" rowspan="14" valign="top"></td>

</tr>
<tr>

</tr>
<tr>
<td colspan="7"></td>
</tr>

<tr>
<td> </td>

<td width="453" colspan="4" rowspan="9" align="center" valign="top"><form action="pw_pcon_contrasenia.php" method="post" enctype="multipart/form-data" name="frm_contrasena" onsubmit="javascript:return valida_contrasena();" >
<table width="434" height="370" border="4" align="center" bordercolor="#009900" >

<tr>

<td width="418" height="358"><table width="383" height="266" border="0" align="center">

<tr>
<td colspan="3" align="left" valign="middle" class="subtitle_Con"><div align="justify"><span class="tdformdet">Aqui usted podra cambiar la contrase&ntilde;a de acceso al sistema que le ha sido proporpocionada, cuando usted considere necesario.</span></div></td>
</tr>
<tr>

</tr>
<tr>
<td width="171" align="left" valign="middle" class="Estilo4"><div align="center">Comprobar Contraseña:</div></td>
<td width="202" colspan="2" align="left" valign="middle">
<div align="center">
<input name="txtPassword2" type="password" id="txtPassword2" size="27" />
</div></td>
</tr>
<tr>
<td width="171" align="left" valign="middle" class="Estilo4"><div align="center">Nueva Contraseña:</div></td>
<td width="202" colspan="2" align="left" valign="middle">
<div align="center">
<input name="txtPassword" type="password" id="txtPassword" size="27" />
</div></td>
</tr>

<tr>
<td height="30" colspan="3" align="left" valign="middle" class="subtitle_Con"><?PHP

echo "<input type='hidden' name='txtAccion'>";
?></td>
</tr>
<tr>
<td height="56" colspan="6" align="left" valign="middle"><label>
<div align="center">
<button name="btn_grabar" type="submit" id="btn_grabar" title="enviar datos" value="Grabar" class="boton"><img src="../images/save.png" width="48" height="48" border="0" /></button>
</div>
</label> </td>
</tr>
</table></td>
</tr>
</table>
</form></td>
</tr>








<tr>

<td width="1" height="184">&nbsp;</td>
</tr>
</table>

</table></td>
</tr>

</table>

</table>

<script type="text/javascript">

<!--

swfobject.registerObject("FlashID");

//-->

</script>

</body>

</html>

<? }?>

esdras

13/3/2011
pregunta
me preguntaba si sabias como puedo crear cuentas de usuario en mi web,ya que este codigo de aqui solo me lleva a el mismo directorio,es que el problema esta en que yo tengo una pagina web alojada en galeon.com,pero no me sirve de nada,asi que,si tienes algun truco o codigo para que pueda cerar mi web,te lo agradeceria.

Gabriel palma C

05/9/2011
dudas script
Podrias ser tan amable de decirme como puedo cambiar la clave, en vez de uut75cp855b-m quiero cambiar la clave a otra cosa. te agradezco la ayuda.

ate.
Gabriel P.

Carmen

09/11/2011
Varias contraseñas y usuarios
Buenos días, yo tengo dos archivos creados, uno que se llama
Login:
<html>
<head>
<title>Login</title>
</head>
<body>
<?php
$usuario="profesionales";
$contraseña="sanysum";
$user=$_POST['user'];
$pass=$_POST['pass'];

if ($user!=$usuario)
{
echo "Usuario incorrecto";
}
elseif ($pass!=$contraseña)
{
echo "Contraseña incorrecta";
}
else
{
echo "<a href="profesionales.html">Pinche para acceder a profesionales </a>";
}
?>
</body>
</html>

y otro Contraseña:

<?php
$passusuario=$_POST['pass'];
$passbueno="sanysum";
if ($passusuario==$passbueno) {include"http://www.sanysum.com/profesionales.html";}
else {echo "La contraseña no es correcta, vuelve atrás e inténtalo de nuevo";}
?>

¿Como puedo hacer para crear varios usuarios con sus contraseñas?

Martín jiménez

06/12/2011
No compatible
Me parece muy interesante esta forma de Control de Acceso pero, no se que estoy haciendo mal pero en un sitio de Google no funciona, me indica que no es válido cuando ingreso la función del botón

mrokenroler

28/1/2012
boton
entonses si quiero hacer un boton que me mande para atras seria


<input type="button" value="atras" onclick="atras()">
<script> function atras(){
history.back(1)}
</script>

jorge ivan

10/3/2012
y la contraseña??
muy bueno el tutorial
me ayudo mucho ...pero..... como ago para que identifique la contraseña
disculpen la pregunta es que soy nuevo en js

Anónimo

05/7/2012
No me funciona
¿Hay que subirlo a la web? Lo digo porque no me funciona. Ah, y si pongo fdshjkgcayu7yejf.html me da un Not Found en vez de un Forbidden.

minato

07/7/2012
no me funciona la clave de acceso
oye necesito que me ayudes
mira que no me funciona nada me puedes hacer un tururial porfavor solo te pido eso
puse todo como dice y no me funciona soy aprendiz pero tampoco lo se todo
porfavos hazme un tuturial y me envias el url del video porfavor te lo voy a gradecer

Augusto

30/9/2013
clave de acceso a una pagina web
Buen dia, en el codigo que describen donde coloco la clave y la pagina que quiero acceder gracias

tito

10/3/2014
Respecto a la página oculta
Hola Miguel, muy bueno el artículo. Lo que si no se como se hace es para que al entrar a la página escondida no me salga el nombre del archivo html(clave) en el navegador, porque asi puede copiar el enlace y entraría sin contraseña.
Espero tu respuesta.
Gracias

j0se

26/3/2014
jQuery
¿Cómo funcionaria este mismo script en jQuery?

Gracias, un saludo.

Luis Manuel

02/11/2014
Auto-Login HTML
Saludos cordiales.
Estoy construyendo un blog en Blogger llamado Oferta-Barata (http://oferta-barata.blogspot.com.es)
y deseo que todo el que lo visite se loguee automáticamente en mi cuenta personal de Beruby
sin tener que entrar la web de Beruby (http://es.beruby.com/welcome)
Inserto en el BODY el siguiente código en HTML agregando un gadget HTML/Javascript:

<form action="http://es.beruby.com/welcome" class="ajax_form" id="login-form" method="post">
<script type="text/javascript" language="javascript">
var user = "mi dirección de correo electrónico con la que me registré en Beruby";
var pass = "mi contraseña de acceso a Beruby";
var habilitarCookies = 1;
var tags = new Array();
var tags = document.getElementsByTagName("*");
for(i=0; i<tags.length; i++){
if(tags[i].className = "nouser"){
if(habilitarCookies = 1)
document.getElementById("cookies-banner").click();
document.getElementById("user_email").value = user;
document.getElementById("user_password").value = pass;
document.forms["user_submit"].submit();
}
}
</script>
</form>

¿Qué tengo que modificar para que me funcione?
¿Cómo quedaría el HTML correcto y funcional?
En espera de respuesta, saluda atentamente Luis Manuel.

Perikilla

29/7/2015
Cerrar acceso a zona con clave
¿Y cómo hago para "cerrar" el acceso a la página con clave?
Vamos a suponer que la persona ya entró y encontró lo que necesitaba... se va pero debe de "cerrar sesión" , o el acceso que hizo, ¿se puede igualmente con JavaScript?

Diana

31/8/2015
Que hacen estas funciones de JAVASCRIPT?
var FX = function(n){
var x = [];
for( var i = 1; i < n.length; i++ ){
x.push(n[i]);
}
return x;
}


var FX = function(n){
var x = [],
cont = 0;
for( var i = 1; i < n.length; i++ ){
x[cont] = n[i];
cont++;
}
return x;
}



var FX = function(n){
var tmp;
for( var i = 0; i < n.length; i++ ){
for( var j = (i+1); j < n.length; j++ ){
if( (j < n.length) && (n[j] < n[i]) ){
tmp = n[j];
n[j] = n[i];
n[i] = tmp;
}
}
}
return n;
}

Matias

05/9/2017
Redireccionar mediante codigo o contraseña
Hola. Quiero ver si me pueden ayudar. Tengo un blog al cual le voy a agregar una pagina que tenga un cuadro de contraseña visible, donde una persona inserta un código de X cantidad de dígitos, con un botón que diga "INGRESAR", haciendo clic, que ese código, te rediriga a otra pagina del blog, pero que no va a ser publica. El tema, es que quiero poner varios códigos diferentes.

<html>
<head>
<title>clave acceso</title>
</head>

<body>
<SCRIPT>
function acceso(){
<body onLoad="document.BRISAS2017.location.href="http://www.produccionesohana.com.ar/p/brisas-2017.html">
}
</SCRIPT>

<FORM name=BRISAS2017>
<INPUT type=text name=clave>
<INPUT type=button value=INGRESAR onclick="acceso()">
</FORM>

</body>
</html>