javascript - Facebook Page Array to Select Box -
i grabbing facebook pages user admins , displaying them in select box through facebook js sdk.
what's best way take array facebook response.data
, iterate goes select
?
<div id="fb-root"></div> <script src="http://connect.facebook.net/en_us/all.js"> </script> <script> fb.init({ appid:'119406238144386', cookie:true, status:true, xfbml:true }); fb.api('/me/accounts/', function(response) { alert(response.data); }); </script> <select id="pages"></select> <fb:login-button perms="manage_pages">connect facebook</fb:login-button>
facebook returns object in object array, loop through each 1 , add new html object item select list.
a full working example without jquery:
<!doctype html> <html> <body> <div id="fb-root"></div> <a href="#" onclick="getpages();return false;">get pages</a> <select id="pages" style="display:none;"></select> <script src="http://connect.facebook.net/en_us/all.js"></script> <script> fb.init({ appid: 'your app id', status: true, cookie: true, xfbml : true }); function getpages() { fb.login(function(response) { if (response.session && response.perms) { fb.api('/me/accounts/', function(response) { var pages = document.getelementbyid('pages'); pages.style.display = 'block'; for(var =0; < response.data.length; i++) { pages[i] = new option(response.data[i].name); } } ); } } , {perms:'manage_pages'}); } </script> </body> </html>
Comments
Post a Comment