ScriptFácil.com - Sua fonte de scripts
javascript
18/02/2005 - Por Eliel Silva da Cruz Página Restrita 2 Nota dos usuários: Sem avaliação Visualizações: 11858 visualizações.
Agora vou apresentar uma outra maneira de colocar uma senha num arquivo HTML, desta vez para múltiplos usuários. Primeiro copie o código javascript abaixo e cole entre as tags <head> e </head> de sua página HTML.
<script language="javascript">
function login() {
var done = false;
var username = document.getElementById('username').value.toLowerCase();
var password = document.getElementById('password').value.toLowerCase();
if (username == "elielkruz" && password == "123456") {
window.location="pagina.htm";
done = true;
}
if (username == "usuario2" && password == "password2") {
window.location = "page2.html";
done = true;
}
if (username == "usuario3" && password == "password3") {
window.location = "page3.html";
done = true;
}
if (!done) {
alert("Login inválido!");
}
}
</script>
Repare que o primeiro username/password configurei como elielkruz/123456 que irá abrir o nosso já conhecido arquivo pagina.htm. Você pode definir quantos usuários quiser, basta repetir a linha do username e configura-la para cada usuário diferente. Agora copie a sintaxe HTML abaixo e cole dentro da página em qualquer lugar entre <body> e </body>.
<form name="login">
<table width=225 border=0 cellpadding=3>
<tr><th colspan="2"><strong>Área para membros</strong></th></tr>
<tr><td>Usuário:</td><td><input type="text" name="username" id="username" /></td></tr>
<tr><td>Senha:</td><td><input type="password" name="password" id="password" /></td></tr>
<tr><td colspan="2" align="center"><input type="button" value="Entrar" onclick="login()"></td></tr>
</table>
</form>
Um detalhe importante: Como o username/password fica gravado na página HTML, o internauta não poderá ter acesso ao código-fonte senão esse trabalho todo de criar logins e senhas será inútil. Então o próximo passo será criar um novo arquivo HTML, transferir as sintaxe acima para ele e desabilitar os comandos que aciona o botão direito do mouse (que por sua vez daria acesso ao código-fonte). Para isso basta inserir, também entre <head> e </head> a instrução:
Prontinho Galera. Seu sistema de login está pronto, agora é usar numa boa.
<script language="javascript">
function login() {
var done = false;
var username = document.getElementById('username').value.toLowerCase();
var password = document.getElementById('password').value.toLowerCase();
if (username == "elielkruz" && password == "123456") {
window.location="pagina.htm";
done = true;
}
if (username == "usuario2" && password == "password2") {
window.location = "page2.html";
done = true;
}
if (username == "usuario3" && password == "password3") {
window.location = "page3.html";
done = true;
}
if (!done) {
alert("Login inválido!");
}
}
</script>
Repare que o primeiro username/password configurei como elielkruz/123456 que irá abrir o nosso já conhecido arquivo pagina.htm. Você pode definir quantos usuários quiser, basta repetir a linha do username e configura-la para cada usuário diferente. Agora copie a sintaxe HTML abaixo e cole dentro da página em qualquer lugar entre <body> e </body>.
<form name="login">
<table width=225 border=0 cellpadding=3>
<tr><th colspan="2"><strong>Área para membros</strong></th></tr>
<tr><td>Usuário:</td><td><input type="text" name="username" id="username" /></td></tr>
<tr><td>Senha:</td><td><input type="password" name="password" id="password" /></td></tr>
<tr><td colspan="2" align="center"><input type="button" value="Entrar" onclick="login()"></td></tr>
</table>
</form>
Um detalhe importante: Como o username/password fica gravado na página HTML, o internauta não poderá ter acesso ao código-fonte senão esse trabalho todo de criar logins e senhas será inútil. Então o próximo passo será criar um novo arquivo HTML, transferir as sintaxe acima para ele e desabilitar os comandos que aciona o botão direito do mouse (que por sua vez daria acesso ao código-fonte). Para isso basta inserir, também entre <head> e </head> a instrução:
Prontinho Galera. Seu sistema de login está pronto, agora é usar numa boa.
