Facebook custom friend selector with jquery for iframe application - Facebook Custom Friend Selector With Jquery For Iframe Application

23rd of November 2010 1

Facebook Custom Friend Selector With Jquery For Iframe Application

62178 3273265788 f9905bf1ca Facebook Custom Friend Selector With Jquery For Iframe Application

original source : Facebook Custom Friend Selector With Jquery For Iframe Application

In developing an application sometimes we find that not all systems we build as an option appropriate to use FBML as canvas. For example we can not run javascript commonly used, but must use FBJS, a little bit different. Even we can not use jQuery in our FBML application.

However, other obstacles arise when we use as a canvas iFrame our application, many FBML functions are not working. Although we still can perform the function using the function FBML fb: serverFbml (http://developers.facebook.com/docs/reference/fbml/serverFbml) in an iframe, but sometimes new problems arise, because the function fb:serverFbml is apparently making a new iframe we can make it difficult to get a variable from a function FBML.

For example if we create a form with a friend where the friend selector selector using serverfbml, while the original form contained in our application, then the value of the friend selector would be difficult to get sent in the form our parent window. Therefore here we will learn how to create a custom selector using Facebook Friend Graph API and jQuery.

For the demo, you can see it in http://labs.buzzknow.com/facebook/_app/customfriendselector/, please login first and start typing the name of your friend, it will automatically appear a list of friends who according to the letter you typed earlier. In the demo, the process will run after a user typed in a minimum of three characters, this can be changed according to your wishes.

Facebook Custom Friend Selector With Jquery For Iframe Application

PHP application uses the latest SDK and OAuth as the function to integrate it with Facebook. This system is now the most recommended by Facebook.

For the config, we created a separate config.php file which contains for authentication, then the index.php for the initial appearance, and friends.php as files to process requests from users and return the data that has been encoded using json_encode function. Another file is style.css, and jQuery, and a gif animation.  Enjoy this script!

original source : Facebook Custom Friend Selector With Jquery For Iframe Application

Filed under § jquery forms — Tagged with , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Share it!

Was it good for you to?

Sponsors

Support for the site!

No sponsors at the moment.



1 great comment(s) for this post

  1. flamed 10:09 pm 23/11 of 2010

    good luck!

    Reply

Your opinion matters. Add it below.


Tip: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Recent comments

Categories



Copyright jqueryui.info since 2010. All rights reserved. Design and the Absolute Theme by Tommie Hansen.