I need to setup a static website for people to:
Complete a form.
And using anything from Facebook API, GET the form output via message to a Facebook Profile.
I've been punching my head against "facebook developers" page all night long and can't find out how to do it. Seems quite easy, but the problem is that I don't know if you'll get my point :)
Like the Send Dialog feature, you can set a certain user as recipient which will be displayed on the "To:" field once the dialog appears.
FB.ui({
method: 'send',
to: 'UserID',
link: 'http://www.nytimes.com/2011/06/15/arts/people-argue-just-to-win-scholars-assert.html',
});
Ok, All I need is to be able to use the same behavior but instead of setting a "to:" parameter, I'd like to set a "message:" parameter. I don't know how I can solve this becuase there's no parameter like this on the API actually.
This is what I need to build (It's a prototype, this code won't work)
<form action="mysite.com" id="order">
<input type="radio" name="chocolate" value="white">White <br/>
<input type="radio" name="chocolate" value="black">Black <br/>
<input type="submit" value="Order" />
</form>
jQuery gets the values
$(document).ready(function() {
$("#order").on("submit", function(e) {
e.preventDefault();
var formOutput = $(this).serialize();
var order = "I'd like to eat" + formOutput + "chocolate";
});
});
Facebook sdk sends this output ('order' string)
FB.ui({
method: 'send', //or whatever
to: 'UserID',
message: order, //Its just an example, note the variable coming from the form
link: 'http://www.nytimes.com/2011/06/15/arts/people-argue-just-to-win-scholars-assert.html',
});
As we all know, what I wrote isn't possible, so I'm asking for any alternative solution if somebody can give me, I'm not very friendly with facebook APIs :)
I though in another solution which consist in using the form output directly on the 'link:' parameter of FB.ui and then reading it with jQuery on some landing page. For example, on the message sent, the linked content redirects to this URL:
http://mysite.com/dashboard.html?chocolate=white
and the dashboard page source code:
<script>
var choco = getUrlParameter('chocolate');
$("#dashboard").text("This person wants" + choco + "chocolate")
</script>
<div id="dashboard"></div>
And this way, I will be able to see which kind of chocolate the person selected by parsing some parameters on the URL when clicking on the link section of the message:
using a code like this:
FB.ui({
method: 'send', //or whatever
to: 'MyUserID',
link: 'http://mysite.com/dashboard.html?chocolate=white',
});
But no this try, my biggest problem is that I don't know how to dynamically "customize" that "link:" paramenter with jQuery.
I think the best solution is to use a code like this along with the dashboard page in order to "translate" the shared URLs and see what kind of chocolate people are demanding xD
FB.ui({
//declaring a variable (example)
var string = getFormData().serialize;
var orderString = "mysite.com/dashboard.html?" + string;
// end the variables
// start facebook API code
method: 'send', //or whatever
to: 'MyUserID',
link: orderString,
});
I was working here until I gave up and started to post this
http://jsfiddle.net/Frondor/sctepn06/2/
Thanks in advance, I'll love you for ever if you help me solving this :D