Estou aqui para mostrar a tela de login do meu hotspot, criada neste fds, espero que possam dar sua opniao, e mostrar as suas telas de login para que possamos nos inspirar tb
Versão Imprimível
Estou aqui para mostrar a tela de login do meu hotspot, criada neste fds, espero que possam dar sua opniao, e mostrar as suas telas de login para que possamos nos inspirar tb
Amigo makkai,
Vc pode compartilhar essa tela de login sua.. e como funciona..
Obrigado,
Marcelo
Vou compartilhar aqui as informações de como criar sua pagina de login personalizada.
Devemos usar uma página chamada login.html para fazer este formulário com sua página personalizada. Podemos usar um editor de páginas de nossa preferência, por exemplo: Dreamweaver, frontpage e outros. Para quem já tem noção de html até mesmo notepad resolve.
Antes te mais nada é necessário que coloquemos este código java que serve para validar o formulário de login depois de <body> que representa o inicio do corpo da página.
Depois criaremos a nossa página ao nosso próprio gosto e criatividade e no lugar aonde vai querer colocar o formulário para login use este script html básico:Código HTML:$(if chap-id)
<form name="sendin" action="$(link-login-only)" method="post">
<input type="hidden" name="username" />
<input type="hidden" name="password" />
<input type="hidden" name="dst" value="$(link-orig)" />
<input type="hidden" name="popup" value="true" />
</form>
<script type="text/javascript" src="/md5.js"></script>
<script type="text/javascript">
<!--
function doLogin() {
document.sendin.username.value = document.login.username.value;
document.sendin.password.value = hexMD5('$(chap-id)' + document.login.password.value + '$(chap-challenge)');
document.sendin.submit();
return false;
}
//-->
</script>
$(endif)
Login
Se quizer usar CSS para deixar o formulário ao seu gosto, fique a vontade.Código HTML:<form name="login" action="$(link-login-only)" method="post" $(if chap-id) onSubmit="return doLogin()" $(endif)>
<input type="hidden" name="dst" value="$(link-orig)" />
<input type="hidden" name="popup" value="true" />
<table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<th>login</th>
</tr>
<tr>
<td><label>
<input name="username" type="text" class="login" id="username" value="$(username)" size="24">
</label></td>
</tr>
<tr>
<th>senha</th>
</tr>
<tr>
<td><input name="password" type="password" class="login" id="password" size="24"></td>
</tr>
<tr>
<td><input type="image"src="arquivos/suaimagem.gif width="180" height="29"></td>
</tr>
</tbody>
</table>
</form>
No caso do enviar eu coloquei como uma imagem, você pode colocar uma imagem de sua preferencia tb
Para o link de trial ou teste você deve usar o seguinte:
tb usado como imagem, mas vc pode usar em cima de um texto tb somente o linkCódigo HTML:<a href="$(link-login-only)?dst=$(link-orig-esc)&username=T-$(mac-esc)"><img src="imagem_trial.gif" border="0"></a>
Se quizer direcionar o cliente para uma pagina especifica, use o seguinte linkCódigo HTML:$(link-login-only)?dst=$(link-orig-esc)&username=T-$(mac-esc)
Aonde dst=cadastro.html é referente ao caminho da página que vc quer direcionar o cliente, mas esta pá gina tem que estar dentro da pasta hotspot. Pode-se usar um frame, ou um redirecionamento nesta página.Código HTML:<a href="$(link-login-only)?dst=cadastro.html&username=T-$(mac-esc)"><img src="cadastro.gif" border="0"></a>
E temos também o código para mostrar ao cliente as informações se ele digitou a senha errada ou se já está logado, coisa e tal
Código HTML:$(if error)$(error)$(endif)
Parceiro
Ficou muito boa sua tela de login, posta ai para nós o codigo completo.
Abraços
Marcelo
vom ai está minha tela de login.