Login com JavaScript
Autor: Cícero Joceilton | Publicado: 2012-02-19T04:12:00-08:00

Procurando na web encontrei um código de login em javascript muito criativo onde o usuário inseria o nome de &nbsp;usuário e a senha, então o script procurava a página usuariosenha.html , por exemplo se o usuário fosse "joc" e a senha "123" exixtiria página joc123.html.
Deste modo o usuário só conseguiria acessar a página web se acertasse exatamente o nome da página, daí cada usuário teria uma página, o problema do script é que a senha ficava exposta, pois ficava salva na barra de endereço, então procurando aperfeiçoar criei um script melhorado, resolvendo a questão da segurança, desta vez a página aparesse em um iframe, assim não ficará mais salvo no histórico do navegador.

abaixo segue o código:

index.html:


&lt;html&gt;
&lt;head&gt;
&lt;title&gt;logar&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
&lt;script type="text/javascript"&gt;
function logando() {
var login = document.form1.login.value;
var senha = document.form1.senha.value;
var logar = login +"-"+ senha + "/"+login + senha + ".html";
document.write("&lt;iframe src="+logar+" width='100%' height='100%' frameborder=0 marginwidth=0 scrolling=NO&gt;");
document.write("&lt;/iframe&gt;");
}
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;form name="form1" method="post" action=""&gt;
&nbsp; &lt;p&gt;login&nbsp;
&nbsp; &nbsp; &lt;input type="text" name="login"&gt;
&nbsp; &lt;/p&gt;
&nbsp; &lt;p&gt;senha&nbsp;
&nbsp; &nbsp; &lt;input type="text" name="senha"&gt;
&nbsp; &lt;/p&gt;
&nbsp; &lt;p&gt;
&nbsp; &nbsp; &lt;input type="submit" name="Submit" value="Enviar" onClick="logando()"&gt;
&nbsp; &lt;/p&gt;
&lt;/form&gt;

&lt;/body&gt;
&lt;/html&gt;








joc123.html - página protegida:




&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Esta e a pagina protegida&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;table width="703" height="120" border="0"&gt;
&nbsp; &lt;tr&gt;
&nbsp; &nbsp; &lt;td bgcolor="#FF0000"&gt;ol&amp;aacute; joc123 &lt;/td&gt;
&nbsp; &lt;/tr&gt;
&lt;/table&gt;
&lt;table width="700" height="649" border="0"&gt;
&nbsp; &lt;tr&gt;
&nbsp; &nbsp; &lt;td width="99" bgcolor="#999966"&gt;&lt;/td&gt;
&nbsp; &nbsp; &lt;td width="591" valign="top" bgcolor="#990066"&gt;&lt;a href="pagina2.html"&gt;&lt;strong&gt;&lt;font color="#FFFFFF"&gt;página2&lt;/font&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/td&gt;
&nbsp; &lt;/tr&gt;
&lt;/table&gt;
&lt;table width="701" border="0"&gt;
&nbsp; &lt;tr&gt;&nbsp;
&nbsp; &nbsp; &lt;td bgcolor="#666666"&gt;&amp;nbsp;&lt;/td&gt;
&nbsp; &lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;






abaixo segue o link para baixar os arquivos e no exemplo vem uma segunda página "pagina2.html" para demonstrar como criar link para outras páginas:

http://www.4shared.com/rar/3P9mBoGu/login_javascript.html



para criar um novo usuário siga as instruções:




1. criar uma pasta e renomear&nbsp;

2. copiar os arquivos e colar na pasta

3. renomear a página protegida

4. editar a página protegida: olá; tr123.

5. na página 2 editar o link: &lt;a href="tr123.html"&gt;&lt;strong&gt;&lt;font color="#FFFFFF"&gt;home&lt;/font&gt;&lt;/strong&gt;&lt;/a&gt;






















Cursos 24 Horas
Cursos 24 Horas - Cursos Online


Cursos On line - Cursos 24 Horas