Formulário em Flash com PHP - Renan Barbalho - Flash
Formulário em Flash com PHP
Olá pessoal! Nesta matéria vamos estudar a criação de um formulário de e-mail com integração a PHP. O sistema será desenvolvido para uso em Flash MX.
Mão à obra! Abra o Flash e crie 6 camadas: desenho, textos, campos (variáveis), ações, botões e confirmação, como mostrado na figura abaixo:
Com as camadas no lugar, podemos começar nosso trabalho. Na camada desenhos (1.º quadro), vamos fazer os desenho que irá imitar o lugar onde as pessoas irão escrever, como mostrado logo mais:
Vamos eliminar os trabalhos mais simples. Desta forma, clique na camada textos (1.º quadro) e coloque os textos nos desenhos mostrando para que irá servir cada um, desta maneira:
Vamos criar 2 botões: um irá ser o botão "Enviar" e o outro será o "Limpar", que logo mais veremos as ações que cada um tem que receber. Lembre-se: você pode inserir os botões onde achar melhor.
Já estamos com nosso formulário praticamente com 40% finalizado, faltando pouca coisa. Com a ferramenta texto, vamos criar as variáveis de entrada onde serão digitadas as informações das pessoas. Use a ferramenta texto com a opção do texto em "Texto de Entrada" como mostrado aqui no exemplo:
Agora vamos criar as variáveis. Lembre-se de que você deve estar na camada variáveis
(1.º quadro). Vamos criar uma variável para cada campo do formulário. Aqui no nosso exemplo criaremos 3 (nome, e-mail, mensagem). Abaixo segue uma imagem mostrando como transformar o texto de entrada em variável:
Observação: Na variável mensagem, você deve mudar o tipo de linha de única linha para
multilinhas. Desta forma, a pessoa poderá escrever uma mensagem com mais de 1 linha. Veja abaixo:
Já que estamos trabalhando com a ferramenta texto, vamos criar também uma variável que irá receber a confirmação se a pessoa enviou com sucesso a mensagem. Essa variável você deve criar na camada confirmação (1.º quadro) e pode ser coloca em qualquer lugar do filme.
(Você deve dar o nome de enviado).
Com tudo configurado, vamos programar um pouco. Clique na camada ações (1.º quadro) e coloque as seguintes ações:
stop();
Selection.setFocus("nome");
// assim o cursor já começará no campo "nome"
destinatario = "contato@rpbdesigner.com";
// esse é o endereço que receberá a mensagem.
Vamos aproveitar e já colocaremos as ações no botão Enviar e Limpar. No botão Enviar, coloque as seguintes ações:
on (release) {
System.useCodepage = true;
// esse comando acima corrige os acentos no código php
loadVariablesNum("form.php", 0, "GET");
// já este irá carregar o arquivo php e enviar para seu email
gotoAndPlay(2);
// aqui enviamos o flash para o quadro 2 onde terá uma nova programação com novas telas para demostrar ao usuário que o email dele foi enviado
}
Já no botão Limpar, coloque as seguintes ações:
on (release) {
nome = "";
email = "";
mensagem = "";
}
// já esta opção faz com que limpemos todas as nossas variáveis
Vá na camada ações e aperte o F7 no 3º quadro e coloque as seguintes ações:
if (enviado != "ok") {
gotoAndPlay(4);
}
// aqui criamos uma condição que se o email foi enviado com sucesso aparecerá ok na variável enviado e irá para o quadro 4
Ainda, na camada ações, clique no 4º quadro e aperte o F7. Insira a ação abaixo:
stop();
//isso faz com que o filme pare de rodar e espera o usuário apertar o novo botão o voltar.
Vá na camada confirmação, clique no 4º quadro e aperte F5. Com isso, o quadro poderá ser visualizado a qualquer momento, mostrando se o email será ou não enviado:
Crie mais um botão (Voltar), que deve ser colocado na camada botões nos quadros 2 e 4.
Nele você deve colocar as seguintes ações:
on (press) {
gotoAndPlay(1);
// volta ao quadro um, dando a opção do usuário fazer o envio de outra mensagem
nome = "";
email = "";
mensagem = "";
enviado = "";
// já os comando acima limpam todas as variáveis usadas da outra vez
}
Bom, após inserir os botões, é só arrumar um último texto, avisando para o usuário que sua mensagem foi enviada com sucesso.
Esse texto deve estar na camada textos nos quadros 2 e 4. Veja com fica um texto por exemplo:
A parte do Flash acabou. Salve o filme e você já terá um formulário pronto. Agora vamos ao script PHP. Copie o código abaixo e cole no bloco de notas. Salve-o como form.php. Segue abaixo o script:
<?
if ($email != "" and $destinatario != "")
{
$cabecalho = "From: $email\nReply-To: $email";
$corpo .= "Nome = $nome .\n";
$corpo .= "Email = $email .\n";
$corpo .= "Mensagem = $mensagem .\n\n";
$corpo .="\n\n*************************************
*****\n";
$corpo .= "Este formulário foi desenvolvido por
RPB DESIGNER junta Flash + PHP.\n";
$corpo .= "**********************************************";
mail($destinatario, $assunto, $corpo, $cabecalho);
echo ("&enviado=ok&");
}
?>
Para ver o formulário funcionando, clique aqui.
Faça o download dos arquivos deste artigo clicando aqui.
Obrigado pela atenção.
Nenhum comentário:
Postar um comentário