1,105,225 Community Members

Loading page

Member Avatar
xxmp
Junior Poster in Training
90 posts since Jan 2010
Reputation Points: 0 [?]
Q&As Helped to Solve: 1 [?]
Skill Endorsements: 0 [?]
 
0
 

Hello,
When in my page an e-mail to contact is sending it take some time. How i can put the bar that informing the user that the e-mail is sending and when the message is send to do another animation and then redirect to another page. I hope you unterstand what i want to do
Thank you very much

Member Avatar
JorgeM
IT Addict
6,387 posts since Dec 2011
Reputation Points: 567 [?]
Q&As Helped to Solve: 956 [?]
Skill Endorsements: 172 [?]
Moderator
Featured
Sponsor
 
0
 

You have several options, but since you to provide additional feedback to the user after the message has been sent, i think it would be best to incorporate AJAX into your code.

The flow of you web application would be something like...

User submits to send an email, you send the data back to the server via AJAX, show the user an animation, process the request server side, send the client back validation that the request has been completed, show the user a message validating, then redirect the user.

You'll need some code server-side, PHP, Java, ASP.NET... I assume that you have that part working?

AJAX sounds intimidating if you have never used it, but its actually very easy to use. If you know some jQuery, AJAX is even easier to use.

Member Avatar
paulkd
Posting Whiz
372 posts since Aug 2007
Reputation Points: 46 [?]
Q&As Helped to Solve: 67 [?]
Skill Endorsements: 12 [?]
 
0
 

Yes. I presume that you are posting a form to populate and then send the email? and after the email is sent (database updated etc..) take the user back to a "Thank you" page?

You need to use JavaScript (with jQuery preferred) to place your animation on screen when the submit button is clicked (after successful form validation, of course).

I've used this simple modal plugin in the past

You
This article has been dead for over three months: Start a new discussion instead
Post:
Start New Discussion
Tags Related to this Article