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:
<body oncontestmenu="return false">
Prontinho Galera. Seu sistema de login está pronto, agora é usar numa boa.