Formulário de Contacto
Todos os sites, têm uma secção para entrar em contacto com o dono do site, ou outras pessoas em questão. Pois por isso eu trago aqui um tutorial que ensina a criar um formulário de contacto com Flash e PHP. Trata-se de um tutorial simples e muito útil para quem se está a iniciar no flash e no php.
No fim do tutorial, disponibilizo os ficheiros para download (.fla e o ficheiro php).
Data: 03/03/09
Autor: NgM_Me_KuRtE (Flávio Proença)
Programas necessários: Adobe Flash e Bloco de Notas
Tempo: 15 minutos
Nível: Intermédio
Resultado Final:
1- Comece por criar um novo documento com a dimensão de 300px x 300px no Flash.
2- Seleccione a ferramenta Text Tool (T).
3- Nas propriedades certifica-te que o tipo de texto está como estático (Static Text).
4- Clicar perto do topo do lado esquerdo da cena e colocar no nome campo texto “Nome:“.
5- Em baixo desse texto clicar e inserir um novo campo de texto que será o e-mail “E-mail:“.
6- Em baixo, por último colocar um outro campo com o nome de comentário “Comentário:“.
7- Terás algo do género, se tudo estiver bem até agora.
8- Selecciona de novo a ferramenta Text Tool (T) e nas propriedades do texto muda o tipo de texto para texto de entrada (Input Text).
9- Agora à direita do “Nome:” desenha uma caixa de texto do tipo de texto de entrada, estica a caixa de texto até à ponta do documento.
10- Nas propriedades clica na opção “Show border around text” e põe “tNome” para o nome da instância “Instance name“.
Como podes ver na imagem abaixo, no campo “Instance name” aparece o nome “tNome“.
11- À direita do “E-mail:” desenha outra caixa de texto “input text” e estica-a até à ponta, como fizestes para o campo acima.Nas propriedades do texto selecciona a opção “Show border around text” caso não esteja seleccionada, e para o nome e instância coloca “tEmail” (É igual à imagem de cima, mas apenas se substitui o tName por tEmail).
12- Por fim faz o mesmo para o campo Mensagem, no nome da instância coloca “tMensagem” e selecciona também a opção “Show border around text”. Nas propriedades do texto muda o tipo de linha para “Multiline“, em vez de “Single Line“.
13- Deverás ter o seguinte:
14- Selecciona a ferramenta Rectangle Tool (R).
15- Desenha um rectângulo no canto direito inferior do documento.
Propriedades do rectângulo: (não é necessário aplicar como aqui está, apenas é para verem para que servem os campos)
16- Selecciona a ferramenta Text Tool (T).
17- No cimo do rectângulo que desenhas-tes, clica e escreve a palavra “Enviar“.
18- Aqui fica o resultado até agora:
19- Selecciona a ferramenta Selection Tool (V).
20- Desenha uma caixa à volta do rectângulo e do texto “Enviar” para seleccionar ambos.
21- Pressiona F8 para converter a tua selecção num símbolo.
22- Coloca o nome “Enviar_bt” e o tipo selecciona opção botão e pressiona ok.
23- Clica no botão que acabastes de criar e nas propriedades coloca o nome “bEnviar” para o nome de instância “Instance Name“.
24- Clica na primeira frame da timeline e pressiona F9 para abrir as actions “Actions Panel“.
25- Coloca o seguinte código nas actions “Actions Panel“. (Apenas mudem o e-mail para o vosso, de resto não mexam em nada caso não saibam).
bEnviar.onRelease = function()
{
email();
}
function email()
{
var sMensagem = “Nome: ” + tNome.text + “\nE-mail: ” + tEmail.text + “\nMensagem: ” + tMensagem.text;
lvSend = new LoadVars();
lvReply = new LoadVars();
lvSend.msg = sMensagem;
lvSend.address = “teuemail@email.com”; //Colocar o teu e-mail aqui.
tNome.text = “A enviar mensagem…”;
tEmail.text = “”;
tMensagem.text = “”;
lvReply.onLoad()
{
tName.text = “Mensagem Enviada”;
}
lvSend.sendAndLoad(‘mail.php’, lvReply, ‘POST’);
}
26- Agora abre o Bloco de notas e cola o seguinte código. (Aqui apenas podem mudar onde diz E-mail Recebido, este vai ser o título do e-mail que irão receber)
<?php
$mensagem = $_POST["msg"];
$address = $_POST["address"];
mail($address,”E-mail Recebido”,$mensagem);
?>
27- Vai a Ficheiro » Guardar como…. e salva o ficheiro com o nome “mail.php” na mesma pasta onde vai ficar o teu swf.
28- Faz o upload dos ficheiros para o teu servidor e é só testar.
Download: Formulario_contacto.rar
Junho 23rd, 2009
15:02
Bomdia amigo.
Fiz o tutorial todo como você indicou, mas não funcionou.
O que pode estar acontecendo.
Estou utilizando o Flash8. pode ser isto.
Desde já, agradeço a ajuda.
Junho 24th, 2009
12:08
Bom dia!
Pois é estranho… você tentou sacar os ficheiros que eu disponibilizei para download e viu se funciona? Colocou tudo bem? Por vezes as pessoas trocam as variáveis e depois não dá…
Veja isso e diga alguma coisa!
Abraço
Julho 4th, 2009
16:05
ola tudo bem eu realmente fiz o download do ficheiro, mas so ha um problema é que esta em Actionscript 3 (o meu site), o seu ficheiro está em ASP 2, como poderei resolver este assunto ?
ja agora muito simples e bom tutorial ! muitos cumprimentos
Julho 5th, 2009
11:22
Boas…
Pois este formulário está em AS2, mas aqui deixo um link onde pode encontrar um com AS3… (o tutorial encontra-se em inglês, mas é de fácil compreensão)…
Qualquer dúvida, não hesite em perguntar!
Abraços
Julho 24th, 2009
18:54
boas tarde
o teu template ta muito bom..
eu segui todos os teus passos e depois de copiar esses codigos para isso funcionar e os inserir e depois faço testar o meu site e dame muitos erros e e devido aos codigos k tens ai..
se me poderes ajudar agradecia
cumprimentos
Setembro 4th, 2009
23:38
caro pedro depois de feito correu tudo bem, obrigado.
no final apenas fica a mensagem enviando a mensagem, e nao passa dai, mas o email é enviado com sucesso.
forte abraço
Outubro 8th, 2009
14:51
Bom dia flavio testei tudo e deu errado sera que pq meu site todo e em flash pq eu coloquei o seu formulario no link de contatos mais ela da o segunte erro quando eu clico Ctrl+Enter :
lvSend.sendAndLoad(’mail.php’, lvReply, ‘POST’);
o q seria????
valew
Outubro 8th, 2009
15:17
foi mau na verdade seo todos estes erros:
**Error** Symbol=m contato, layer=Layer 1, frame=1:Line 7: This type of quotation mark is not allowed in ActionScript. Please change it to a standard (straight) double quote.
var sMensagem = “Nome: ” + tNome.text + “\nE-mail: ” + tEmail.text + “\nMensagem: ” + tMensagem.text;
**Error** Symbol=m contato, layer=Layer 1, frame=1:Line 11: This type of quotation mark is not allowed in ActionScript. Please change it to a standard (straight) double quote.
lvSend.address = “eduardo.petillo@terra.com.br”;
**Error** Symbol=m contato, layer=Layer 1, frame=1:Line 12: This type of quotation mark is not allowed in ActionScript. Please change it to a standard (straight) double quote.
tNome.text = “A enviar mensagem…”;
**Error** Symbol=m contato, layer=Layer 1, frame=1:Line 13: This type of quotation mark is not allowed in ActionScript. Please change it to a standard (straight) double quote.
tEmail.text = “”;
**Error** Symbol=m contato, layer=Layer 1, frame=1:Line 14: This type of quotation mark is not allowed in ActionScript. Please change it to a standard (straight) double quote.
tMensagem.text = “”;
**Error** Symbol=m contato, layer=Layer 1, frame=1:Line 17: This type of quotation mark is not allowed in ActionScript. Please change it to a standard (straight) double quote.
tName.text = “Mensagem Enviada”;
**Error** Symbol=m contato, layer=Layer 1, frame=1:Line 19: Syntax error.
lvSend.sendAndLoad(’mail.php’, lvReply, ‘POST’);
Total ActionScript Errors: 7 Reported Errors: 7
Novembro 20th, 2009
22:55
Eu descobri o erro! É que as aspas ” ” que se copia deste tutorial não são aceitas no Action Script! É só redigitar por conta própria. Tanto as duplas ” quanto as simples ‘
Rolim.
Fevereiro 18th, 2010
5:04
è o seguinte as aspa são um dos problemasm, no meu redigitei as aspas o cs3 aceitou so que as mensagem não estão sendo enviada fica uma mensagem no campo nome “mensagem a enviar” não sei qual é problema ja fiz de tudo não funciona .
Março 5th, 2010
18:29
Boas,
A variável de resposta está errada
em vez de tName tem de estar tNome, por isso é que fica sempre a mostrar “A enviar mensagem…”
Março 9th, 2010
3:31
Aki tudo deu certinho, ficou tudo bem explicado e é obvio que deve trocar as aspas depois de copiar e colar. Amigo gostaria que você postasse uma maneira de salvar informação usando flash, tipo:
você digita uma informação numa caixa de texto em um arquivo swf daí clica enviar e essa informação será salva em um arquivo .txt no servidor, novamente será preciso flash + php (adoro essa junção) – tô pensando em fazer um bate papo ou forum dessa forma – obs: conheço + flash do que php.
Junho 2nd, 2010
19:41
Funcionou tudo direitinho.
- É só redigitar as aspas, todas elas ” ou ‘, todas.
- Sobre a mensagem de “enviando” que fica sempre, é só alterar ela para “mensagem enviada” isso não faz diferença pois o e-mail é enviado mesmo assim.
Tudo correto.
Parabéns.
Junho 18th, 2010
4:11
olá, no meu ocorreu como o do wilmar, fiz tudo ok, redigitei as aspas, ele aceitou sem nenhum erro, dai quando vou mandar um email, fica a mensagem “a enviar mensagem” e não chega nada de email.. o que pode ser?
aguardo resposta. obrigado!
Julho 20th, 2010
13:32
bom dia este Formulario e perfeito agradeço muito porem tenho um problema gostaria de mudar a forma que recebo o E-mail deste Formulario
exemplo:
De: anonymous@mmm1311.hopedagem.terra.com.br
Data: 20/07/2010 09:02:50
Para: fulano@prov.com.br
Assunto: E-mail Recebido
Tem como mudar este campo.. de quem recebi.. no caso mudar o anonymous@mmm1311.hopedagem.terra.com.br, e colocar o site de origem..
Obrigado!