Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

cadastrosfelipe

Formulário de site para E-mail

Recommended Posts

Bom dia a todos!

Recentemente baixei um template (http://html5up.net/uploads/demos/eventually/) que atende perfeitamente as minhas necessidades HOJE.
A pessoa entra na página, digita o e-mail, envia e fim! No máximo aparece um obrigado e finaliza o processo.
A página contem pouquissimas informações, é um projeto beta que estou desenvolvendo para uma página maior futuramente.

 

O problema que por mais simples que possa parecer, eu NÂO estou consguindo configurar o botão de enviar para que o e-mail da pessoa caia direto na minha caixa de entrada.

Até hoje uso o método de method=post ( http://www.seusite.com.br/cgi-sys/formmail.pl" method="post) do form mail do meu servidor, e funciona normalmente em outras páginas que já criei.

Porém ao substituir no <form> deste template eu não obtive sucesso.

 

Navegando em suas entranhas achei esse código no <id=signup-form>

// Signup Form.
        (function() {

            // Vars.
                var $form = document.querySelectorAll('#signup-form')[0],
                    $submit = document.querySelectorAll('#signup-form input[type="submit"]')[0],
                    $message;

            // Bail if addEventListener isn't supported.
                if (!('addEventListener' in $form))
                    return;

            // Message.
                $message = document.createElement('span');
                    $message.classList.add('message');
                    $form.appendChild($message);

                $message._show = function(type, text) {

                    $message.innerHTML = text;
                    $message.classList.add(type);
                    $message.classList.add('visible');

                    window.setTimeout(function() {
                        $message._hide();
                    }, 3000);

                };

                $message._hide = function() {
                    $message.classList.remove('visible');
                };

            // Events.
            // Note: If you're *not* using AJAX, get rid of this event listener.
                $form.addEventListener('submit', function('event') {

                    event.stopPropagation();
                    event.preventDefault();

                    // Hide message.
                        $message._hide();

                    // Disable submit.
                        $submit.disabled = true;

                    // Process form.
                    // Note: Doesn't actually do anything yet (other than report back with a "thank you"),
                    // but there's enough here to piece together a working AJAX submission call that does.
                        window.setTimeout(function() {

                            // Reset form.
                                $form.reset();

                            // Enable submit.
                                $submit.disabled = false;

                            // Show message.
                                $message._show('success', 'Thank you!');
                                //$message._show('failure', 'Something went wrong. Please try again.');

                        }, 750);

                });

        })();

Será que alguém pode me ajudar com esse código para aprender como faço essa substituição de e-mail e servidor? Que linguagem é essa?

 

Muito Obrigado Mesmo!

 

Template >>> http://html5up.net/uploads/demos/eventually

Download do template >>> http://html5up.net/eventually/download

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cadastrosfelipe,

Repare que no form dentro do index.html ele não possui nenhuma ação, ou seja, quem criou o tema não criou com o código de envio incluso. Você vai precisar criar isso a mão.

Crie um arquivo enviar.php dentro do seu projeto e chame ele dentro do form action.

Obs.: O código que publicou aqui é só de um efeito criado em ajax, ele previne que a action recarregue a página e ao invés disso exibe uma mensagem de "enviado com sucesso".

Compartilhar este post


Link para o post
Compartilhar em outros sites

ola boa noite estou com o mesmo e sou muito leigo nessa area e estou tentando editar meu site de trabalho mais estou com problema em configura a parte do email se algume puder me ajudar fico grato de coraçao o site e esse segue o link:

http://www.free-css....e195/knight.zip

Sofistic,

 

Crie um tópico com a sua dúvida e o que você não está conseguindo fazer. Lembre-se que não adianta vir aqui no fórum esperando que as pessoas te entreguem o código pronto (pra isso existem freelancers).

 

Abraços!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.