Home | Importante! | História | Tutorial | HTML | Glossário | Faqs | Buscadores | Sinapse |
Fóruns | ASCII | Cores | JavaScript | CSS | Links | Novidades | Browsers | Conclusão |
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.
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.
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>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.
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 |