(Please open the article to see the flash file or player.)

fonte – http://www.youtube.com/watch?v=t9Cd7EWL0eo&feature=related

Mais um dia demorado para postar algo, e hoje domingo dia 14 resolvi então criar uma classe de utilidade, uma classe que verificar se o campo de email, é um email, se o campo de CPF é valido o CPF e valida também campo DATA, assim, ao fim da digitação inserindo separadores, eis a versao 1.0b, pois ainda vou implementar mais verificações como CNPJ, Titulo de Eleitor, e opções de mascaras mais complexas nos textos, mas isso fica pra outro momento, enquanto isto, ficamos com essa classe, que já ajudará muito… 

Primeiramente vou apresentar o swf como de costume com o exemplo, quando o texto estiver errado ele vai ficar vermelho e valido vai ficar verde, lembrando que o campo CPF não enviara informação para lugar nenhum, apenas tem o proprosito pra teste, então se quiserem testar com seus próprios cpf, fiquem a vontade, e me retornem qualquer bug, para melhorar pra versao 1.1b..

la vai

OBS: Classe para aprendizagem, estou ainda descobrindo o maravilhoso mundo do AS3, e OOP, então qualquer falha, ou maneira melhor de ser desenvolvida a classe, seria legal compartilhar. Não sou conhecedor de toda linguagem, mas garanto que qualquer dica será publicada aqui e com direito do autor da modificação…

Agora o código utilizado neste exemplo!

package
{
	import br.com.tavernari.text.TextoValidacao;
	import flash.display.Sprite;
	import flash.events.Event;
 
	/**
	 * ...
	 * @author Victor C Tavernari
	 */
	public class VerificacaoExemplo extends Sprite
	{
 
		public function VerificacaoExemplo()
		{
			//Ativando os campos
			TextoValidacao.cpf(cpf_txt)
			TextoValidacao.email(email_txt)
			TextoValidacao.data(data_txt, "-")
 
			//Eventos
 
			//Email Event
			TextoValidacao.addEventListener(TextoValidacao.EMAIL_OK, emailOk)
			TextoValidacao.addEventListener(TextoValidacao.EMAIL_INVALID, emailInvalid)
 
			//CPF Event
			TextoValidacao.addEventListener(TextoValidacao.CPF_OK, cpfOK)
			TextoValidacao.addEventListener(TextoValidacao.CPF_INVALID, cpfInvalid)
			TextoValidacao.addEventListener(TextoValidacao.CPF_DIGITANDO, cpfDigitando)
 
			//Data Event
			TextoValidacao.addEventListener(TextoValidacao.DATA_OK, dataOk)
			TextoValidacao.addEventListener(TextoValidacao.DIA_INVALID, diaInvalido)
			TextoValidacao.addEventListener(TextoValidacao.MES_INVALID, mesInvalido)
			TextoValidacao.addEventListener(TextoValidacao.DATA_DIGITANDO, dataDigitando)
 
		}
 
		private function dataDigitando(e:Event):void
		{
			data_txt.textColor = 0x000000
			info_txt.text = ""
		}
 
		private function mesInvalido(e:Event):void
		{
			data_txt.textColor = 0xCC0000
			info_txt.appendText(" - Mês invalido")
		}
 
		private function diaInvalido(e:Event):void
		{
			data_txt.textColor = 0xCC0000
			info_txt.appendText(" - Dia invalido")
		}
 
		private function dataOk(e:Event):void
		{
			info_txt.text = "Data OK"
			data_txt.textColor = 0x006600
 
		}
 
		private function cpfDigitando(e:Event):void
		{
			cpf_txt.textColor = 0x000000
		}
 
		private function cpfInvalid(e:Event):void
		{
			cpf_txt.textColor = 0xCC0000
		}
 
		private function cpfOK(e:Event):void
		{
			cpf_txt.textColor = 0x006600
		}
 
		private function emailInvalid(e:Event):void
		{
			email_txt.textColor = 0xCC0000
		}
 
		private function emailOk(e:Event):void
		{
			email_txt.textColor = 0x006600
		}
 
	}
 
}

O código já deixa bem explicado como funciona!
mas vou deixar uma breve documentação

A classe usa métodos estáticos

assim

// validando um campo de email
TextoValidacao.email(campoTextField)
// validando um campo de cpf
TextoValidacao.cpf(campoTextField)
// validando uma Data
// Separador é o símbolo que irá separar a data padrão 00/00/0000, ex. "/", ou "-" enfim, o que você escolher irá entrar no lugar
// das barras
TextoValidacao.data(campoTextField, Separador)
 
 
//--- Eventos
//Email Event
TextoValidacao.addEventListener(TextoValidacao.EMAIL_OK, funcao) // campo email valido
TextoValidacao.addEventListener(TextoValidacao.EMAIL_INVALID, funcao) // campo email invalido
 
//CPF Event
TextoValidacao.addEventListener(TextoValidacao.CPF_OK, funcao) // campo cpf valido
TextoValidacao.addEventListener(TextoValidacao.CPF_INVALID, funcao) // campo cpf invalido
TextoValidacao.addEventListener(TextoValidacao.CPF_DIGITANDO, funcao) // campo cpf em digitação
 
//Data Event
TextoValidacao.addEventListener(TextoValidacao.DATA_OK, funcao) // campo data valido
TextoValidacao.addEventListener(TextoValidacao.DIA_INVALID, funcao) // dia invalido
TextoValidacao.addEventListener(TextoValidacao.MES_INVALID, funcao) // mes invalido
TextoValidacao.addEventListener(TextoValidacao.DATA_DIGITANDO, dataDigitando) // data digitando
 
//Lembrando que ao dizer que tal campo é um cpf, ou se tal campo é uma Data, ele apenas aceitará números !
 
//Todos eventos retornam parametro na função um Event!!!

Então deixo aqui o link para uso da classe… obrigado pela visita e voltem sempre..
qualquer dúvida meu email é victor@tavernari.com.br

Baixe aqui a classe

Como todos falam, faz tempo que não posto, pois ando um pouco ocupado..

e ao desenvolver um projeto, precisei de linhas pontilhadas, então resolvi

criar uma classe para desenhar uma Line Dashed, que coloquei o nome de 

LineDashed.. enfim, vou começar a explicar, primeiramente vou deixar um exemplo

da classe

Lembrando que é uma classe simples, sem muito recurso, por enquanto, estou postando mais pra galera que precisa de uma simples linha pontilhada!!!
 

bom galera, vou começar colocando o código do swf a cima

package
{
	import fl.controls.ColorPicker
	import fl.events.ColorPickerEvent
	import flash.events.MouseEvent
	import flash.events.Event
	import flash.display.Sprite
	import br.com.tavernari.graphics.LineDashed
public class LineTeste extends Sprite
{
	private var myLine:LineDashed = new LineDashed();
	private var mySprite:Sprite = new Sprite()
	private var containerLine:Sprite
	private var colorLine:* = 0x000000
	public function LineTeste():void
	{
		cor.addEventListener(ColorPickerEvent.CHANGE, changeColor)
		adicionar_btn.addEventListener(MouseEvent.CLICK, addLine)
		apaga_btn.addEventListener(MouseEvent.CLICK, deleteLine)
		/*mySprite = myLine.lineDraw(2,stage.stageHeight - 20,"height",0xFFFFFF,0.75,0.5);
		addChild(mySprite)
		mySprite.x = 10
		mySprite.y = 10
		mySprite.rotation = -45*/
	}
	private function changeColor(e:ColorPickerEvent):void{
		colorLine ="0x"+e.currentTarget.hexValue
		trace(colorLine)
	}
	private function deleteLine(e:MouseEvent):void{
		trace("deletar linhas é "+containerLine)
		if(containerLine != null){
			removeChild(containerLine)
			containerLine = null
			trace("deletou")
		}
	}
 
	private function addLine(e:Event):void {
		trace(containerLine)
		if(containerLine == null){
			containerLine = new Sprite();
			addChild(containerLine)
			containerLine.x = 50
			containerLine.y = 154
			trace(containerLine)
		}
 
		mySprite = new Sprite();
 
		var distancia:Number = Number(distancia.text)
		var tamanho:Number = Number(tamanho.text)
		var espessura:Number = Number(espessura.text)
		mySprite = myLine.lineDraw(distancia,tamanho,"width",colorLine,1,espessura)
 
		trace(">>"+distancia)
		trace(">>"+tamanho)
		trace(">>"+colorLine)
		containerLine.addChild(mySprite)
 
		mySprite.rotation = Number(rotacao.text)
 
	}
 
}
}

Este código simples é o exemplo do uso da classe.

Esta classe é básica, e usa-se apenas 1 linha para chamar a linha pontilhada. e lembrando que ela sempre retorna um Sprite, o método que monta a linha é lineDraw!

por exemplo

1
2
3
4
5
6
7
8

//Estou dizendo que instancia myLine é o meu objeto LinhaDashed
var myLine:LineDashed = new LineDashed();
//Nesta parte crio um sprite
var mySprite:Sprite = new Sprite()
//Aqui digo que meu Sprite, recebe a minha linha myLine, myLine.lineDraw retorna um Sprite
mySprite = myLine.lineDraw(1,500,"width",0x000000,1,2)
//aqui adiciono mySprite no palco
addChild(mySprite)

O que fiz neste exemplo, um básico para adicionar uma linha pontilhada no palco
e para mudar posicao dela, basta apenas mudar as propriedades do mySprite, ele agora é sua linha
e a vantagem é, vc so precisa criar um myLine e usar em varios Sprites!

1
2
3

mySpriteBranco = myLine.lineDraw(1,500,"width",0xFFFFFF,1,2)
mySpriteCinza = myLine.lineDraw(1,500,"width",0x333333,1,2)
mySpritePreto = myLine.lineDraw(1,500,"width",0x000000,1,2)

Então percebe-se que com apenas um myLine posso construir varias linhas pelo projeto…

para deletar o projeto basta apenas deletar seu sprite!

Dica que dou é, se quiser deletar muitas Sprites, coloque elas dentro de um container, um Sprite Pai, e dele o Sprite Pai!

Bom agora vou deixar uma breve documentação do método

——– Documentação pacote br.com.tavernari.graphics.LineDashed

myLine.lineDraw(pointSize:Number = 5, lineSize:Number = 400, orientation:String = “width”,color:* = 0xFFFFFF,alpha:Number = 0.5, thickness:Number = 2 )

pointSize = tamanho da distancia entre os pontos na linha
lineSize = tamanho da Linha
orientation = Duas opções “width” ou “height”, caso use width ele faz a linha horizontal, caso use height ele cria linha vertical
color = Cor da Linha em Hexadecimal
alpha = Transparencia da linha
Thickness = Espessura da linha

Bom Galera

Vou dormir e deixo aqui uma classe pra ajudar a galera a fazer linha pontilhada dinamicamente!

Ahh faltou o link para download da classe

então vai.. CLICK AQUI PARA BAIXAR A CLASSE

att

A definição mais próxima que encontrei para a POO, dentro das minhas pesquisas, foi, “POO é a tentativa de aproximar a linguagem da programação com a linguagem humana”

Então trabalhando em cima desta definição vamos tentar mostrar na prática como funciona esta aproximação.

Vamos criar um telefone, isso, um telefone, vamos fazer em programação algo que ja existe em nossa vida real e tentar interagir os dois, para verificarmos a semelhança!

Vamos criar a Classe Telefone, uma Classe Abstrata, e vem a dúvida, o que é isso Victor?
Bom Pelo que entendi, a Classe Abstrata, é a classe maior, uma classe muito ampla, nossa classe Telefone, pode ser para celular, como para telefone fixo residencial.

Esta nossa Classe Telefone terá os seguintes métodos, que são funções

Liga()
Desliga()
Redial()

Se reparamos essa classe serve tanto para celular como telefone fixo, porém estes dois exemplos contém particularidades dentre eles…

e então a partir desta Classe Abstrata, podemos criar outras classes ligadas por Herança, herdando então as funções, ou métodos, da Classe Telefone…
por exemplo Classe TelefoneCelular herda as funções de um telefone normal… (na programação isso te economizaria muito tempo se fosse programar tudo toda vez que fosse criar um novo telefone, e também a aproximação com a idéia do celular atual nosso)

Continuando, nosso Celular tem propriedades e métodos diferentes do TelefoneFixo.
A partir deste raciocínio começaremos dizendo quais as propriedades de nosso celular.

a Classe TelefoneCelular tem como atributos, propriedades.

sms
bluetooth
games
câmera

estes atributos que eu coloquei, como exemplo imaginei ser verificação booleana (significa que o resultado é binário, ou 0 ou 1, ou verdadeiro ou falso) e que pode ser qualquer outro atributo, tipo se eu pedisse a cor do celular, voltando, então se dissermos que o celular tem sms, ele ativa o sms, e assim por diante em todas propriedades

e nos métodos do nosso TelefoneCelular, teremos

enviaSms()
recebeSms()
ativaBluetooth()
procuraDispositivo()
rodaGame()
instalaGame()
apagaGame()
tiraFoto()
enviaFoto()

então criamos essa funções exemplos, que são particularidades de um celular..
então percebemos que ele liga como qualquer telefone, mas tira foto, envia SMS, da pra jogar, e tem bluetooth..

então, essa interação entre classes faz com que criemos aplicativos complexos, e mais seguros e estáveis…

Bom, ainda estou estudando essa programação… e estou aqui para compartilhar o que já entendi…  e recomendo a todos estudarem-na!!

agora vou deixar os conceitos fundamentais da classe, que copiei da WikiPédia http://pt.wikipedia.org/wiki/Orientação_a_objeto

Classe representa um conjunto de objetos com características afins. Uma classe define o comportamento dos objetos, através de métodos, e quais estados ele é capaz de manter, através de atributos. Exemplo de classe: Os seres humanos.

Objeto é uma instância de uma classe. Um objeto é capaz de armazenar estados através de seus atributos e reagir a mensagens enviadas a ele, assim como se relacionar e enviar mensagens a outros objetos. Exemplo de objetos da classe Humanos: João, José, Maria.

Atributos são características de um objeto. Basicamente a estrutura de dados que vai representar a classe. Exemplos: Funcionário: nome, endereço,telefone, CPF, ….; Carro: nome, marca, ano, cor, …; Livro: autor, editora, ano. Por sua vez, os atributos possuem valores. Por exemplo, o atributo cor pode conter o valor azul. O conjunto de valores dos atributos de um determinado objeto é chamado de estado.

Métodos definem as habilidades dos objetos. Bidu é uma instância da classe Cachorro, portanto tem habilidade para latir, implementada através do método deUmLatido(). Um método em uma classe é apenas uma definição. A ação só ocorre quando o método é invocado através do objeto, no caso Bidu. Dentro do programa, a utilização de um método deve afetar apenas um objeto em particular; Todos os cachorros podem latir, mas você quer que apenas Bidu dê o latido. Normalmente, uma classe possui diversos métodos, que no caso da classe Cachorro poderiam ser sente(), coma() e morda().

Mensagem é uma chamada a um objeto para invocar um de seus métodos, ativando um comportamento descrito por sua classe. Também pode ser direcionada diretamente a uma classe (através de uma invocação a um método estático).

Sobrecarga é a utilização do mesmo nome para símbolos ou métodos com operações ou funcionalidades distintas. Geralmente diferencia-se os métodos pela sua assinatura. Exemplo: Um método Carro que recebe como parâmetro dois atributos (cor, placa), e outro método Carro que recebe como parâmetro (cor, placa, modelo).

Herança (ou generalização) é o mecanismo pelo qual uma classe (sub-classe) pode estender outra classe (super-classe), aproveitando seus comportamentos (métodos) e variáveis possíveis (atributos). Há Herança múltipla quando uma sub-classe possui mais de uma super-classe. Essa relação é normalmente chamada de relação “é um”. Um exemplo de herança: Mamífero é super-classe de Humano. Ou seja, um Humano é um mamífero.

Associação é o mecanismo pelo qual um objeto utiliza os recursos de outro. Pode tratar-se de uma associação simples “usa um” ou de um acoplamento “parte de”. Por exemplo: Um humano usa um telefone. A tecla “1″ é parte de um telefone.

Encapsulamento consiste na separação de aspectos internos e externos de um objeto. Este mecanismo é utilizado amplamente para impedir o acesso direto ao estado de um objeto (seus atributos), disponibilizando externamente apenas os métodos que alteram estes estados. Exemplo: você não precisa conhecer os detalhes dos circuitos de um telefone para utilizá-lo. A carcaça do telefone encapsula esses detalhes, provendo a você uma interface mais amigável (os botões, o monofone e os sinais de tom).

Abstração é a habilidade de concentrar nos aspectos essenciais de um contexto qualquer, ignorando características menos importantes ou acidentais. Em modelagem orientada a objetos, uma classe é uma abstração de entidades existentes no domínio do sistema de software.

Polimorfismo é o princípio pelo qual duas ou mais classes derivadas de uma mesma superclasse podem invocar métodos que têm a mesma assinatura (lista de parâmetros e retorno) mas comportamentos distintos, especializados para cada classe derivada, usando para tanto uma referência a um objeto do tipo da superclasse. A decisão sobre qual o método que deve ser selecionado, de acordo com o tipo da classe derivada, é tomada em tempo de execução, através do mecanismo de ligação tardia. No caso de polimorfismo, é necessário que os métodos tenham exatamente a mesma identificação, sendo utilizado o mecanismo de redefinição de métodos. Esse mecanismo de redefinição não deve ser confundido com o mecanismo de sobrecarga de métodos.
Interface é um contrato entre a classe e o mundo externo. Quando uma classe implementa uma interface, ela está comprometida a fornecer o comportamento publicado pela interface.

Pacotes são referências para organização lógica de classes e interfaces.

Eae galera, mais um exemplo do estudo de classes que estou realizando, e vim postar mais uma classe.. a GetXml

que simplesmente simplifica o código para ler um xml, mas como estou começando esta classe apenas se adapta a um tipo de xml…

Bom vou deixa-la para download e também as documentações dela…

Vou começar mostrando qual o xml que é suportado

 
Esta é a imagem 0
Esta é a imagem 1
Esta é a imagem 2
Esta é a imagem 3
Esta é a imagem 0
Esta é a imagem 1
Esta é a imagem 2
Esta é a imagem 3
Esta é a imagem 0
Esta é a imagem 1
Esta é a imagem 2
Esta é a imagem 3
Esta é a imagem 2
Esta é a imagem 3

o lance é que o que estiver dentro dos <> será onde está os dados.. como exemplo

se você colocar e pedir para a classe para te dizer quem é a img da foto, ela vai te responder imagens/10.jpg

reforçando que esta classe é apenas para este modelo de xml

continuando agora vou colocar um exemplo do xml funcionando

(Please open the article to see the flash file or player.)

ok, este é um exemplo bem básico da resposta do xml

agora vou colocar a documentação dos comandos possíveis nesta classe

iniciado classe GetXml

var instancia:GetXml = new GetXeml(); // carrega a classe

>>>> Carregando o xml

instancia.carrega(url:String) // carrega o xml ex. meuXml.carrega(“arquivo.xml”)

>>>> Verificação do Carregamento

instancia.addEventListener(GetXml.COMPLETE, funcao(e:Event)) // como no padrao de Event ex. meuXml.addEventListener(GetXml.COMPLETE, xmlOK)

>>>> Requisitar algum resultado

instancia.verResultado(var:Number, var:String) // pedir resultado no xml ex. meuXml.verResultado(0, “legenda”)

>>>> Ver Resultado

instancia.resultado // Este comando é uma variável String ex meuXml.resultado <<< retorno Foto da Praia >>>

Está é a classe GetXml, pode baixar clickando aqui

Java Fx

Sabemos todos que uma das tendências da web é o poder multimidio, como o Flash, da empresa Adobe, tem capacidade de apresentar dados, imagens, filmes e músicas de forma bonita e agradável, e a SUN não poderia ficar para traz, uma empresa com um knowhow entrou no mercado com o Java FX.

Esta ferramenta foi desenvolvida para resolver problemas de aplicação RIA(Rich Internet Applications).

Uma vantagem é que a plataforma é desenvolvida em cima do Java… é bem leve..

Vamos deixar para galera ver o que acha..

link para ver exemplos http://javafx.com/samples/

Bom galera, nada melhor que praticar para aprender, e então resolvi criar uma classe para enviar email, com pesquisas, e ajuda de pessoas feras como André luiz, Eder Lima e Rafael Lima, cheguei a esta classe, sei que para muitos é apenas uma pequenina classe, mas é um inicio pra mim de programação em classe, que por sinal estou adorando e vendo quão versátil e organizado é.

Então, aconselho a todos que estão lendo agora, migrar para AS3.0 e ainda estudar OOP, estou ainda estudando, mas ja digo pra galera estudar.. também!

Agora vamos a Classe..

como no post anterior que fiz, coloquei um exemplo de como mandar um email via TimeLine, do AS3.0, uma observaçõa nesta frase, não usar com frequência a timeline no AS3.o e sim classes. aqui o link do tutorial de envio de email em AS3.0 na timeline.

http://tavernari.com.br/2009/02/as30-enviar-email-do-flash-para-php/

Essa classe se chama SendEmail

ela tem a finalidade de facilitar o envio de email.

ao invés de usarmos uma monte de código no timeline basta apenas usar

1
2
3
4
5
6
7
8
9
10

var email:SendEmail = new SendEmail()
btn.AddEventListener(MouseEvent.CLICK, mandaEmail)
function mandaEmail(e:MouseEvent):void{
email.mailData.nome = "Seu nome"
email.sendNow("seuPhp.php")
email.AddEventListener(SendMail.ENVIADO, emailEnviado)
email.AddEventListener(SendMail.ERRO, emailErro)
}
function emailEnviado(e:Event):void{ trace("Email Enviado") }
function emailErro(e:Event):void{ trace("Email Não Enviado") }

então, assim evitamos o uso de uma mega imensa timeline de código e assim também fica mais prático e leve

o legal disso tudo é que assim como eu criei esta classe para enviar email, você pode criar a sua, para varias situações, para não ter que ficar sempre digitando aquele emaranhado de código…

um exemplo de Classe boa e de ótimo uso é a TweenLite, que faz o movimento Tween, de forma mais simplificada.

Concluindo este raciocínio, este é o propósito da programação em classe, assim você consegue facilitar seu trabalho, imagine o trabalho para reprogramar para enviar email, e agora com classe eu vou conseguir isso com menos tempo, e quanto menos tempo para nos programadores, melhor, fundamental, que nós ganhemos tempo, pois tempo é dinheiro…

Bom um exemplo da classe em funcionamento

Documentação da Classe

*** Iniciando

Colocar o arquivo SendMail.as junto ao .fla que irá utilizar

caso esteja em alguma pasta utilize, import pasta.SendEmail

var instancia:SendEmail // var email:SendEmail

*** Pegar Variável

instancia.mailData.variavel = texto:String // ex email.mailData.nome = nome_txt.text

*** Enviar Email

instancia.sendNow(seuURL:String) // ex. email.sendNow(“email.php”)

*** Verificaçãoes de Envio

>> CASO ENVIE

instancia.addEventListener(SendEmail.ENVIADO, funcao(e:Event)) // ex email.AddEventListener(SendEmail.ENVIADO, emailEnviado)

>> CASO ERRO

instancia.addEventListener(SendEmail.ERRO, funcao(e:Event)) // ex email.AddEventListener(SendEmail.ERRO, emailErro)

OBS: ESTA VERIFICAÇÃO SERVE CASO NAO ENCONTRE O LOCAL DO ARQUIVO PHP OU ASP, CASO MESMO CONFIRMADO O EMAIL NAO ENVIE, VERIFICAR O SEU ARQUIVO PHP OU ASP.

Download da Classe, link

http://www.tavernari.com.br/sendemail/SendEmail.zip

O objetivo deste tutorial é demonstrar como enviar dados para um arquivo php, também serve para asp!

Este exemplo será sobre o envio de email.

Vamos começar com o php!

crie um arquivo no seu editor e nomeie o de email.php

Código em php para envio de email – este é um código padrão que uso quando quero enviar um email. Para configurar qual email enviar, e configurar o assunto da mensagem, basta modificar parte do php referente.

1
2
3
4
5
6
7
8
9
10
11
12
13

<?php
$ip = $_SERVER['REMOTE_ADDR'];           
$navegador = $_SERVER['HTTP_USER_AGENT']; 
$recipient = "seuemail@dominio.com";
$nome = $_POST["nome"];
$telefone = $_POST["cidade"];
$mensagem = $_POST["mensagem"];
$subject = "Assunto do email";
$msg = "Nome:$nome\nCidade:$telefone\nMensagem:$mensagem\nIP:$ip\nNavegador:$navegador";
$mailheaders = $email;
mail("$recipient", "$subject", "$msg", "$mailheaders");
echo "=Mensagem enviada com sucesso!";
?>

!!! Uma dica para qualquer desenvolvedor web é ter sempre aquele códigos básicos que acabam adiantando muito o tempo na programação !!!

Ok, após concluir esta etapa vamos para o Flash

Inicialmente vamos precisar de 3 campos de texto, como input_txt, ele irá ser onde colocaremos os dados para serem enviados.

Instancie estes três campos com os seguintes nomes, a ordem dos campos é conforme você quiser.

nome_txt

cidade_txt

mensagem_txt

Depois desta etapa vamos criar um botão para o envio do email.

Então, crie um botão a seu gosto, do tamanho que desejar, e instancie o nome dele como:

envia_btn

Após ter terminado o botão, vamos para a programação

então para organização, crie uma nova layer e a nomeie com algum nome referente a programação, neste caso vou nomea-lo de acoes

então selecione a keyframe em branco e abre o painel Action (F9)

Agora vamos a programação, é muito importante que evite de copiar e colar, pois assim além de você não aprender, não saberá adicionar novos campos, enfim vá criando acompanhando e entendendo o que está sendo feito…

Vamos começar o Código, vou comentar as linhas para entenderem o que está acontecendo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

//Código para corrigir os acentos, em uft-8
System.useCodePage = true;
//Esta linha, é responsavel pelo CLICK no botao Enviar, antigo onRelease
envia_btn.addEventListener(MouseEvent.CLICK, sendData);
//Esta função é o inicio do envio, tem uma verificação caso algum campo esteja vazio, no caso voce define quais campos verificar
function sendData(m:MouseEvent) {
if (nome_txt.text == "" || cidade_txt.text == "" || mensagem_txt.text == "") {
aviso_txt.text = "Existem Dados Incompletos";
} else {
sendForPhp();
}
}
//Esta função é para o envio do email, no caso das variaveis para o php.
function sendForPhp() {
//Avisando que está enviando
aviso_txt.text = "Encaminhando Mensagem";
//essa variável é responsável para pegar todas as informações dos inputs, quase igual a antigamente LoadVars (Se não me engano)
var varForPhp:URLVariables = new URLVariables();
// definindo os nomes das variaveis e suas informações
varForPhp.nome = nome_txt.text;
varForPhp.cidade = cidade_txt.text;
varForPhp.mensagem = mensagem_txt.text;
// esta função serve para definir o endereço do php, a forma de envio e as variáveis que serão enviadas
// esta linha mostra o lugar onde se encontra o seu php, como dito, esta na msm pasta que o seu .swf, se estivesse numa pasta diferente, seria então "pasta/email.php"
var phpUrl:URLRequest = new URLRequest("email.php");
//método de envio, como no formulário em html
phpUrl.method = URLRequestMethod.POST;
//as variáveis que serão enviadas para o php
phpUrl.data = varForPhp;
//Esta parte será responsável pelo envio, e verificação se foi ou não enviada
var sendEmail:URLLoader = new URLLoader();
//Esta linha inicia o envio do phpUrl, que foi criado nas linhas anteriores
sendEmail.load(phpUrl);
//Esta linha é se o email for enviado, ele inicia a função sendOk
sendEmail.addEventListener(Event.COMPLETE, sendOk);
//Esta linha é se o email não for enviado, ele inicia a função sendError
sendEmail.addEventListener(IOErrorEvent.IO_ERROR, sendError);
}
function sendOk( e:Event ):void {
trace(" mensagem enviada")
trace(e)
}
function sendError( e:IOErrorEvent ):void {
trace("Erro no Envio do Email")
trace(e)
}

Agora vou adicionar um código para fazer o antigo onSetFocus, muito usado para quando não se tem mt espaço na área de contato.

47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

// este emaranhado de código inicial é o que define o foco ou a saída do foco no texto.
nome_txt.addEventListener(FocusEvent.FOCUS_IN, inFoco);
cidade_txt.addEventListener(FocusEvent.FOCUS_IN, inFoco);
mensagem_txt.addEventListener(FocusEvent.FOCUS_IN, inFoco);
nome_txt.addEventListener(FocusEvent.FOCUS_OUT, outFoco);
cidade_txt.addEventListener(FocusEvent.FOCUS_OUT, outFoco);
mensagem_txt.addEventListener(FocusEvent.FOCUS_OUT, outFoco);
//funcao que modificará o texto qnd for focado
var texto:String = new String;
function inFoco(m:FocusEvent) {
// ele pega o campo que foi focado, e armazena o nome, para uso posterior se caso precisar quando for desfocado
texto = m.target.text;
//verificação caso o campo já esteja preenchido pelo usuário, para não apagar o que o usuário já digitou
if (m.target.text == "Nome") {
m.target.text = "";
trace(texto);
} else {
if (m.target.text == "Cidade - UF") {
m.target.text = "";
trace(texto);
} else {
if (m.target.text == "Mensagem") {
m.target.text = "";
trace(texto);
} 
}
}
}
// função quando o usuário tirar o foco do campo, caso ele esteja vazio, recoloca o nome original do campo, se não ele mantém o que já esta digitado.
function outFoco(m:FocusEvent) {
if (m.target.text == "") {
m.target.text = texto;
}else{
trace("Este campo foi alterado /"+m.target.text) 
}
}

Bom, este tutorial eu postei na comunidade no orkut, FlashPédia, click aqui para ver o link da comunidade

e na comunidade o André Luiz, adicionou uma dica, e vou reproduzi-la aqui…

“Só uma dica…

Não use System.useCodePage = true;

Só fazer o cabeçalho no PHP em UTF-8…

System.useCodePage = true faz com que o flash leia a codificação do sistema e não da página, se o usuário por acaso mudar a codificação do browser vai dar pau na acentuação…

Para outras correções no PHP procure saber sobre a função utf8_encode() do php…”

este foi dizer do André Luiz

Para fazer download do material utilizado no tutorial click aqui