jueves, 13 de septiembre de 2012

Clara Schumann, Facebook con jQuery

Clara Schumann

Fue una famosa pianista y compositora, contemporánea del también famoso Franz Liszt, quién la admiraba -aunque ella misma no se considerara demasiado especial-.
En el aniverssario 193 de su nacimiento, Google le dedica un doodle, donde al parecer es representada con sus ocho hijos.
Referencia: Wikipedia: Clara Schumann

Facebook

  • Facebook usa una técnica de carga asíncrona y jQuery una síncrona, lo que hace un poco complicado tratar de usar ambos. Este artículo muestra una manera de hacerlo:  Working with asynchronously loaded javascript.
    La idea es usar $(document).ready() para iniciar la carga asincrona cuando sea necesario (puede haberse iniciado ya) e indicar cuando se complete.
    ...
    <div id="fb-root"></div>
    
    <script type="text/javascript">
    // Load the SDK Asynchronously
    (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/es_LA/all.js";
     ref.parentNode.insertBefore(js, ref);
    }(document));
    </script>
    
    <script type="text/javascript">
      $(document).ready(function() {
    
      var appId = '123456789012345';
    
      function facebookReady() {
    
        FB.init({ 
          appId: appId,
          status: true,
          cookie: true,
          xfbml: true,
          oauth: true
        });
    
        $(document).trigger("facebook:ready");
    
      }
    
      if (window.FB) {
        facebookReady();
      } else {
        window.fbAsyncInit = facebookReady;
      }
    
    });
    
    $(document).live("facebook:ready", function(){
      console.log('Facebook Ready');
      ...
    });
    </script>
    ...
    

    Una discusión relacionada se puede encontrar en How to detect when facebook's FB.init is complete

Drupal 6