вкладка iframe на странице facebook - форма не отображается - PullRequest
Новая
       4

вкладка iframe на странице facebook - форма не отображается

0 голосов
/ 12 октября 2011

У меня есть форма на странице facebook. видел здесь: http://on.fb.me/ocsqMR

Это вкладка iframe, но форма внизу не отображается. При использовании IE8 или 9 форма не отображается. При использовании Chrome, Firefox или Safari форма действительно появляется. Используя хром, я вижу его, когда проверяю элемент, но он есть, но не виден.

http://imgcoop.com/ip-images/1318426054.png

Идеи

1 Ответ

0 голосов
/ 12 октября 2011

Глядя на исходный код своей страницы, нужно внести несколько изменений и дополнений.

Убедитесь, что вы указали DOCTYPE для страницы. http://www.w3.org/QA/2002/04/valid-dtd-list.html

Затем удалите атрибут onLoad из тега body: 

<Body onLoad="FB.Canvas.setSize({width: 515, height: 1350})"><Div id="fb-root"></div>`

А также вам нужно обновить этот код: Убедитесь, что вы используете идентификатор приложения от https://developers.facebook.com/apps для своего приложения. Вы также должны убедиться, что атрибут OAuth присутствует в вашем вызове. 

<Script src="http://connect.facebook.net/en_US/all.js#xfbml=1″></script>
<Script type="text/javascript">
FB.init({
appId: FB_APP_ID,Status: true,Cookie: true,Xfbml: true
});
window.fbAsyncInit = function().{
fb.canvas.setautoresize();
}
</Script>

Вот пример того, как это должно выглядеть: 

<script type="text/javascript">
  window.fbAsyncInit = function() {
    FB.init({appId: 'PUT THE APP ID FROM https://developers.facebook.com/apps HERE',
 status: true, cookie: true,
             xfbml: true, oauth: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>
<script type="text/javascript">
        window.fbAsyncInit = function() {
        FB.Canvas.setAutoResize();
}
</script>
...