2010-07-12 4 views
1

J'ai demandé the same question dans le forum des développeurs Facebook, mais pour certaines raisons, je veux le rediffuser ici. J'espère que ça va.fb: serverfbml ne sera pas rendu sur Opera et IE

J'ai l'extrait fb: serverfbml suivant.

<fb:serverfbml id="invite_friends_form" style="width: 100%"> 
    <script type="text/fbml"> 
    <fb:fbml><p>Testing FBML rendering</p></fb:fbml> 
    </script> 
</fb:serverfbml> 

<script> 
    $(document).ready(function() 
    { 
     // Parse XFBML tags 
     FB.XFBML.parse(); 
    }); 
</script> 

Il rend correctement dans Firefox et Chrome. J'ai eu l'animation de chargement Facebook habituelle pendant un moment, puis la phrase "Test de rendu FBML" est affichée. MAIS, quand je le teste sur Opera 10 et Internet Explorer 8, ça ne marche pas. Je vois l'animation de chargement de Facebook, mais elle n'a jamais fini. Quand je vois mon moniteur de réseau, j'ai vu une demande à http://www.facebook.com/plugins/serverfbml.php avec mon FBML devant être rendu passé dans la chaîne de requête.

La demande est déjà terminée avec une réponse adéquate de la part de facebook, mais l'animation de chargement continue.

Est-ce que quelqu'un sait, quel pourrait être le problème ici?

Merci, Andree.

+0

De toute façon je peux le tester moi-même, sans entrer dans l'écriture de mon propre app fB? – hallvors

+0

Je ne crains pas. encore héberger l'application sur le serveur public Actuellement, je suis en train de tester le tout sur localhost Hey, cela pourrait-il être le problème? – Andree

+0

même ici, FB.Event.subscribe callback fonctionne maintenant dans IE8 – Herr

Répondre

1

J'ai eu le même problème pour toute la matinée, et je l'ai finalement résolu! :)

Ajouter:

<div id="fb-root"></div> 

... un endroit à l'intérieur de votre corps.

, ajoutez également xmlns: fb = "http://www.facebook.com/2008/fbml" à la balise html, de sorte qu'il se lit comme suit:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> 

Je vais pour poster tout mon code afin que vous puissiez comparer:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> 
<head> 
    <title></title> 
</head> 


<body style="margin:0px 0px 0px 0px;overflow:hidden;text-align:center;"> 

    <div id="fb-root"></div> 

    <fb:serverFbml> 
     <script type="text/fbml"> 
      <fb:fbml> 
       <fb:request-form 
        method="POST" 
        type="jugar a Mahou Liga Chapas" 
        action="http://mahouligachapas.unusualwonder.com" 
        content='¿ Te echas un partido conmigo? 
         <fb:req-choice url="http://apps.facebook.com/mahouligachapas" label="Sí" /> 
         <fb:req-choice url="http://www.facebook.com" label="No" />' 
       > 
        <fb:multi-friend-selector actiontext="Invita a tus amigos a jugar a Mahou Liga Chapas"/> 
       </fb:request-form> 
      </fb:fbml> 
     </script> 
    </fb:serverFbml> 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> 
    <script type="text/javascript" src="http://connect.facebook.net/es_ES/all.js"></script> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      FB.init({ appId: 'XXXXXXXXXXX', status: true, cookie: true, xfbml: true }); 
     }); 

    </script> 

</body> 
</html> 
+0

Merci! essayé de résoudre ce problème pendant plus d'une demi-journée. – Alagu

0

J'ai eu le même problème. Mais dans le cas de l'action paramètre de contenu "(double citation) .Quand j'ai ajouté le problème de barres obliques

Questions connexes