» Início » Desenvolvimento » Flash » Sistema de login e senha no flash

Avaliação: | Publicado em: 03/12/2006

Sistema de login e senha no flash

Juliano JGC 18 anos de idade, experiência como técnico de informática, instrutor de informática básica e de web design, atualmente atua como Instrutor de informática básica e web, e também como designer free lance.

Olá pessoal, hj iremos ver cmo montar um sistema de login e senha no flash, sem uso de banco de dados...

Então vamos la....

Abrindo um novo documento no flash, iremos criar duas layers.... assim:



A layer layout terá apenas uma frame com o visual do nosso sisteminha de login e senha...
e na layer textos terá 3 frames... na primeira frame terá o seguinte código:

stop();
login = "";
senha = "";
status = "";
login.tabIndex =1
senha.tabIndex = 2
btn.tabEnabled = false
status.tabEnabled = false

Esse código fará com que ao sair do seu usuário ele estará cm os campos de entrada de textos e o campo dinâmico q retornará a mensagem de erro caso o usuario e a senha não batam estejam limpos... e com que ao usar a tecla TAB ele apenas navegue pelos campos de entra usuario e senha, e não passe pelo botão entrar ou pelo campo status.
Agora na primeira frame da layer layout faremos a parte visual com dois textos estáticos mesmo e criaremos o botão entrar, e instanciaremos esse botão entrar de btn... e na layer textos, colocaremos dois imput text, e daremos os nomes das variáveis de cada um cmo login e o outro de senha, no campo senha, va la na barra de propriedades e do lado de onde vc bota a variável tem um campo que deverá estar seleciona a opção single line, troque para PASSWORD e tbm colocaremos um dinamic text e daremos o nome da variavel cmo status... assim



Agora vamos as actions do nosso botão entrar... fica assim:

on(release) {
 if (login == "flash" and senha == "123456"){
  gotoAndStop("flash");
 } if (login == "jgcweb" and senha == "jgc123") {
  gotoAndStop("jgc");
 } else {
  status = "Dados incorretos";
 }
}

Explicando as actions.... Bom ele fará uma verificação ao clicar e soltar, se o campo login for igual a flash e o campo senha for igual a 123456 ele va e pare na frame flash, e se o campo login for igual a jgcweb e a senha for jgc123 ele va e pare na frame jgc, ou se os campos não combinarem, no caso o usuário e senha não bater conforme o panejado ele retorne a mensagem: Dados incorretos no campo dinâmico instanciado cmo status..

Simples não!? Ele faz uma pequena verificação dos campos e retorna a vc...

Feito isso, criaremos mais duas layers em branco e colocaremos o conteúdo no meu caso apenas uma mensagem... e pra cada frame nos instanciaremos elas tbm... uma cmo "flash" e outra cmo "jgc" sem aspas... ahhh tbm instanciaremos a 1ª frame q no caso é onde esta os dois campos de entrada de texto, deem o nome de usuarios. (vai servir pra o botão sair)
e para fazer isso vcs selecionam a frame e nas propriedades tem o campo Frame e embaixo tem Label type... no label type deixaremos name e no frame colocaremos o nome da nossa frame.. assim:



E pronto, depois de dar os nomes as frames é só criar um botão sair e botar em cada frame instanciada... dae nas actions do botão sair vcs colocam:

on(release) {
     gotoAndStop("usuarios");
}

E pronto é só testar e ver cmo vai ficar.... esses são os dados:

Usuario: flash
Senha: 123456
ou
Usuario: jgcweb
Senha: jgc123

Abraço a todos e até o próximo tuto...