Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 285
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Formulário simples e dinâmico

04-12-2016 17:17

Olá!

Gostaria de saber como faço um formulário simples que, assim que os dados forem enviados, o mesmo dá espaço a uma mensagem de sucesso (fazendo uso do fade out, por exemplo).

Link de referência (vide rodapé, seção "Comentários"): https://support.microsoft.com/pt-br/hel ... pgrade-faq

Desde já, agradeço a atenção! :)
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Formulário simples e dinâmico

04-12-2016 17:32

Se você precisa de um modelo em jQuery pode usar esse Enviando-valor-por-GET-e-por-POST-ao-me ... 10008.html
Seria só aplicar o efeito de fade out na div de resposta.

Já na net tem diversos modelos. Como esse é um formulário em uma div flutuante
http://www.elated.com/res/File/articles ... query-php/
Download: http://www.elated.com/articles/slick-aj ... query-php/

Tem também esse http://www.html-form-guide.com/email-fo ... -form.html
1
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 285
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Re: Formulário simples e dinâmico

04-12-2016 20:34

Partindo do exemplo a seguir, como faço para que o formulário desapareça para dar lugar à mensagem de sucesso?

http://codigosnaweb.com/forum/Enviar-e- ... _9750.html
1
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Formulário simples e dinâmico  #resolvido

04-12-2016 20:48

Para fazer o formulário desaparecer de uma vez nesse exemplo ai é só colocar todo seu formulário incluindo as tags forms dentro de uma div.

<div id="div_formulario"><form ac.. .. > </form></div>

No script, antes da linha

jQuery("#retorno").html(response);

Adicione

jQuery("#div_formulario").hide();

Com essas alterações o formulário some de uma vez só, deixando somente a div retorno com a resposta do arquivo contato.php
1
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 285
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Re: Formulário simples e dinâmico

04-12-2016 21:19

Perfeito! :rock:
1
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado