Comments on: Submitting a Contact Form via AJAX From Your Facebook Page

By: Facebook Contact Forms with AJAX and PHP | Gregory A McMullen

Facebook Contact Forms with AJAX and PHP | Gregory A McMullen — Fri, 07 Oct 2011 18:05:24 +0000

[...] Tweet (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); While working today, I was having an issue finding information on how to add a lead capture form on our Facebook Page. Luckily I stumbled across this amazing post! Submitting a Contact Form via AJAX From Your Facebook Page [...]

By: Ze

Ze — Mon, 29 Aug 2011 17:14:49 +0000

In php code missing ] for name.

By: George Huger

George Huger — Wed, 31 Mar 2010 14:12:10 +0000

Thank you Fred, that’s great info. I’m going to update the code in this article to note your changes.

Each case has been different, so if you’ve tried the suggestions listed in the comments and are still having trouble, drop me a line at george [at] illuminatikarate.com and I’ll be happy to take a look. Make sure to attach your code as a text file.

@ash – drop me an email and we’ll get it worked out.

By: Fred Black

Fred Black — Wed, 31 Mar 2010 13:36:46 +0000

George;
Like some of the comments, I could not get this to work. Looking at comment #2′s link, which does work, I was able to figure out what’s wrong.

On the facebook page, your example uses a submit button on the form with the onsubmit event calling the JavaScript ajax function. But this never calls the ajax JavaScript function. The working page from comment #2 uses the onclick event which does seem to call the JavaScript ajax function. It also uses a regular input with type set to submit vs. a button object, this would probably work either way as long as the onclick even is used vs. the onsubmit event.

The other thing I found is that, as noted in comment #10, you need the setInnerFBML function in the ajax.ondone event and the setInnerXHTML function when updated the info for the user… BUT – I kept getting a JavaScript error using the single quotes (‘) with setinnerXHTML as you have in your example – I changed them to double quotes (“) and the errors went away.

These two changes make it work – at least for me.

Thanks for this information.
Fred

By: Ash Blue

Ash Blue — Wed, 31 Mar 2010 01:36:51 +0000

Can’t get this to work, doesn’t even hit the return false when I comment out other code.

By: Michaleen

Michaleen — Tue, 30 Mar 2010 15:20:38 +0000

http://www.facebook.com/pages/MicroArts-Development/113528355326941?v=app_4949752878
Trying to get this to work – but I’m banging my head. I don’t see the ‘submitting your information’ message.

Is there a way to NOT have the page re-direct to my site? I’d like to keep it on the Facebook page.

By: Jakub

Jakub — Mon, 29 Mar 2010 20:47:54 +0000

hmm it didn`t show the code so here it is:

http://www.ndive.cz/code.doc

By: Jakub

Jakub — Mon, 29 Mar 2010 20:41:48 +0000

Hi! Don`t you know what is wrong with my code? I still can`t get ajax submission to work after submitting the form browser transfers me to webpage…
- for this example I have deleted the url…

btw: your form_submit.php doesn`t work:
Parse error: syntax error, unexpected ‘,’, expecting ‘]’ in /home/public_html/form_submit.php on line 2

============================================

Name:

City:

Email:

Message:

Submit

By: Ash Blue

Ash Blue — Mon, 29 Mar 2010 19:25:31 +0000

Thank God, I’ve been looking for a straight and simple answer on this for months. Thank you so much guys.

By: Nate

Nate — Wed, 24 Mar 2010 12:32:02 +0000

AH BUM!

never worry! My bad.