Home Importante! História Tutorial HTML Glossário Faqs Buscadores Sinapse
Fóruns ASCII Cores JavaScript CSS Links Novidades Browsers Conclusão
  T u t o r i a l   D H T M L / C S S   E d a u r e l i o
            2 0 0 -  2 0 0 4

JavaScript

PÁGINA HTML PROTEGIDA POR SENHA 1

Vamos supor que você tenha um homepage que possue seções de uso restrito, isso é, somente pessoas que você autorizar, através de uma senha, entrarão nessas seções. A configuração para que esse recurso funcione é simples: Primeiro copie o código javascript abaixo e cole na página onde a senha será solicitada.

Sintaxe JavaScript:
<Form name="frm">
<center>
<Script Language="JavaScript">
<!--
//
function loadpage(){
var psj=0;
newwin = window.open(document.frm.pswd.value + ".htm")
}
//-->
</script>
Digite sua senha:
<input
type="password" name="pswd" size="20">
</center>
<center>
<p>
<input type="button" value="Entre!"
onClick="loadpage()" name="button">
 </p>
</center>
</form>

Agora crie aquela seção que deverá ter acesso restrito. Ela será uma página HTML comum, como todas as outras, com a diferença que não haverá link direcionado a ela, a senha será o link. Ao nomear a página, a senha passa a ser o mesmo nome que você der a ela porém sem a extensão. Por exemplo: Se a página se chamar contatos.html a senha será contatos ou se ela se chamar cod9732.html a senha será cod9732.

Agora vamos a aplicação prática: Criei uma página no diretório desta HP que se chama temimina.htm.

Digite a senha:

Repare que a senha temimina ou TEMIMINA (minúscula ou MAIÚSCULA tanto faz) é a ÚNICA VIA DE ACESSO a esta página pois esta homepage não possui nenhum link direcionado a ela. Percebeu a jogada? Ninguém irá saber que ela existe a não ser que você passe a senha. Logicamente existem outras maneiras de descobrir uma página oculta na Web mas isso já é outra história, fora da alçada do internauta mediano.

IMPORTANTE: Ambas as páginas, a que solicita a senha e a confidencial, deverão estar não só no mesmo servidor como também no mesmo diretório. Para mudar de senha basta mudar o nome do arquivo.

 

PÁGINA HTML PROTEGIDA POR SENHA 2

Continuando, 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 <HEAD> e </HEAD> de sua página HTML.

Sintaxe javascript:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function Login(){
var done=0;
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="edaurelio" && password=="123456") { window.location="temimina.htm"; done=1; }
if (username=="usuario2" && password=="password2") { window.location="page2.html"; done=1; }
if (username=="usuario3" && password=="password3") { window.location="page3.html"; done=1; }
if (done==0) { alert("Invalid login!"); }
}
// End -->
</SCRIPT>

Repare que o primeiro username/password configurei como edaurelio/123456 que irá abrir o nosso já conhecido arquivo temimina.htm. Você pode definir quantos usuários quizer, 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>.

Sintaxe HTML:
<center>
<form name=login>
<table width=225 border=0 cellpadding=3>
<tr><td colspan=2><center><FONT SIZE="2" FACE="verdana"><b>ÁREA PARA MEMBROS</b></font></center></td></tr>
<tr><td>Usuário:</td><td><input type="text" name="username"></td></tr>
<tr><td>Senha:</td><td><input type="password" name="password"></td></tr>
<tr><td colspan=2 align=center><input type="button" value="Entrar" onClick="Login()"></td></tr>
</table>
</form>
</center>

ÁREA PARA MEMBROS
Usuário:
Senha:

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 esquerdo 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">

Agora vamos fazer um teste, entre no link abaixo e depois tente ativar o menu de comando com o botão esquerdo no mouse.

[ÁREA PARA MEMBROS]

Continuando, você percebeu que, embora não consiga habilitar o menu de comando com o mouse, você ainda pode salvar o arquivo (com as senhas) para o seu desktop, através da barra de ferramentas do browser e depois entrar no código-fonte do mesmo com qualquer editor de texto? Isso não pode acontecer então vamos desabilitar esse recurso também.

 

Home Importante! História Tutorial HTML Glossário Faqs Buscadores Sinapse
Fóruns ASCII Cores JavaScript CSS Links Novidades Browsers Conclusão
© Free Copyright - edaurelio@hotmail.com - Arquivo atualizado em 04/11/04