Tema: Problemas de visualizar mis amigos en aplicacion
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/05/2014, 17:11
tuuutooo
 
Fecha de Ingreso: septiembre-2008
Mensajes: 72
Antigüedad: 15 años, 7 meses
Puntos: 0
Información Problemas de visualizar mis amigos en aplicacion
Hola amigos, como están, necesito si me pueden ayudar, estoy creando una aplicación que será incorporada en mi fans page. Primero que nada lo que hago es poder logearme, si no me gusta la página obligo al usuario poder hacerlo. Cuando ya estoy dentro de la aplicación, mi paso a seguir es que me muestre a los amigos de ese usuario (es decir mis amigos), pero no consigo poder realizarlo. A veces me muestra 3 amigos o en otras ocaciones no lo hace. Les dejo mi código para que me puedan ayudar a corregir este error o si tengo que hacerlo de otra forma.

Código HTML: 
Ver original
  1. <?
  2. session_start();
  3. date_default_timezone_set('America/Santiago');
  4. error_reporting(-1);
  5. ?>
  6. <!DOCTYPE HTML>
  7. <html>
  8. <head>
  9. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  10. <title>Musa</title>
  11.  
  12. <meta name="description" content="">
  13. <meta name="keywords" content="">
  14. <meta name="author" content="">
  15. <link rel="shortcut icon" href="images/favicon.ico">
  16. <script src="js/jquery-2.1.0.mins.js"></script>
  17. <link href="css/xxx.css" rel="stylesheet" type="text/css" />
  18. </head>
  19.  
  20. <body>
  21. <div id="main">
  22. <div id="noFans" style="display:none">
  23.     ACA VA EL ME GUSTA
  24. </div>
  25. <div id="fans" style="display:block">
  26.     <ul>
  27.         <li>1.- Elige tu tarjeta</li>
  28.         <li>2.- Llena la tarjeta con los datos</li>
  29.         <li>3.- Elige la forma en que se la enviarás a tus<br />
  30.             amigos(por mail o Facebook)
  31.         </li>
  32.         <li>4.- Envia tu invitación</li>
  33.     </ul>
  34.     
  35.     <a id="btnDisena" href="disenara.php" class="btn">Arma tu tarjeta</a>
  36. </div>
  37. <div id="Registro" style="display:none">
  38.     IMPORTANTE DEBES AUTORIZARNOS PARA PODER ENTRAR A ESTA APP!!!<br />
  39.     <br />
  40.     <br />
  41.     <a href="javascript:verificar();void(0);">LOGIN</a>
  42. </div>
  43.  
  44. <div id="phfriends">
  45.  
  46. </div>
  47.  
  48. </div>
  49. <script src="http://connect.facebook.net/es_ES/all.js"></script>
  50. <div id="fb-root"></div>
  51. <script>
  52. var udfbk=0;
  53.   function statusChangeCallback(response) {
  54.     if (response.status === 'connected') {
  55.       udfbk=response.authResponse.userID;
  56.       getPictureFriends();
  57.       who();
  58.     } else if (response.status === 'not_authorized') {
  59.         fadeLogin();
  60.     } else {
  61.         fadeLogin();
  62.     }
  63.   }
  64.  
  65.   function checkLoginState() {
  66.     FB.getLoginStatus(function(response) {
  67.       statusChangeCallback(response);
  68.     });
  69.   }
  70.  
  71.   window.fbAsyncInit = function() {
  72.   FB.init({
  73.     appId      : 'XXXXXXXXXXXXX',
  74.     cookie     : true,  
  75.     xfbml      : true,  
  76.     version    : 'v2.0' 
  77.   });
  78.  
  79.   FB.getLoginStatus(function(response) {
  80.        console.log("Login Status Starting");
  81.     statusChangeCallback(response);
  82.   });
  83.   
  84.   var page_like_or_unlike_callback = function(url, html_element) {
  85.       console.log('CALBACK STARTING!!!');
  86.       ifLike();
  87.     }
  88.   
  89.   FB.Event.subscribe('edge.create', page_like_or_unlike_callback);
  90.   FB.Event.subscribe('edge.remove', page_like_or_unlike_callback);
  91.  
  92.   };
  93.  
  94.   (function(d, s, id) {
  95.     var js, fjs = d.getElementsByTagName(s)[0];
  96.     if (d.getElementById(id)) return;
  97.     js = d.createElement(s); js.id = id;
  98.     js.src = "//connect.facebook.net/es_CL/sdk.js";
  99.     fjs.parentNode.insertBefore(js, fjs);
  100.   }(document, 'script', 'facebook-jssdk'));
  101.  
  102.   function who() {
  103.     console.log('Hola.... ');
  104.     FB.api('/me', {fields: 'id, name, email, birthday'}, function(response) {
  105.         console.log(response.id);
  106.         console.log(response.name);
  107.         console.log(response.email);
  108.         console.log(response.birthday);
  109.         $.ajax({
  110.             type: "POST",
  111.             url: "registra_informacion_ing.php",
  112.             data: { id: response.id, name: response.name, email: response.email, cumple: response.birthday }
  113.         }).done(function( msg ) {
  114.  
  115.         });
  116.         ifLike();
  117.     });
  118.   }
  119.   
  120.   function verificar(){
  121.     FB.login(function(response) {
  122.         statusChangeCallback(response);
  123.     }, { scope: 'publish_stream, user_birthday, email, friends_photos, user_likes' }); 
  124.   }
  125.   
  126.   function ifLike(){
  127.     console.log('Te gusta o no?');
  128.     FB.api({ method: 'pages.isFan', page_id: 'MI PAGINA' }, function(resp) {
  129.         if (resp) {
  130.             console.log('SI!!!');
  131.             $("#fans").fadeIn();    
  132.         } else {
  133.             console.log('mmmmm!!!');
  134.             $("#Registro").fadeOut();
  135.             $("#fans").fadeOut();
  136.             $("#noFans").fadeIn();
  137.         }
  138.     });
  139.   }
  140.   
  141.   function fadeLogin(){
  142.       $("#noFans").fadeOut();
  143.       $("#fans").fadeOut();
  144.       $("#Registro").fadeIn();
  145.   }
  146.   
  147.   function getFriends(){
  148.     FB.api('me/friends', {fields: 'name,id,picture', limit:80},function(response) {
  149.         if(response.data) {
  150.             var markup = '';
  151.             $.each(response.data,function(index,friend) {
  152.                 console.log(friend.picture.data.url);
  153.                 markup += '<img src="' + friend.picture.data.url + '"> ';
  154.             });
  155.             $('#phfriends').prepend(markup);
  156.         } else {
  157.             $('#phfriends').prepend("FACEBOOK IMG");
  158.         }
  159.     });
  160.   }
  161. </script>
  162. </body>
  163. </html>

Muchas Gracias