0

Facebook の公式の例hereから Facebook のログイン ボタンの例を取り上げました。これがコードです (変更なし)。

<html>
<head>
  <title>My Facebook Login Page</title>
</head>
<body>
  <div id="fb-root"></div>
  <script>
    window.fbAsyncInit = function() {
      FB.init({
        appId      : '385937518116668',
        status     : true, 
        cookie     : true,
        xfbml      : true,
        oauth      : true,
      });
    };
    (function(d){
       var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
       js = d.createElement('script'); js.id = id; js.async = true;
       js.src = "//connect.facebook.net/en_US/all.js";
       d.getElementsByTagName('head')[0].appendChild(js);
     }(document));
  </script>
  <div class="fb-login-button">Login with Facebook</div>
</body>

この例をそのまま実行すると、すべて正常に動作します。ただし、html、head、body を削除すると、Facebook のログイン ボタンが表示されません。「Facebookでログイン」というテキストしか表示されません。これらのタグを削除したい理由は、ページが別の php ファイルに含まれているためです。

何か案は？

ありがとう。

4

1 に答える 1

1

以下は私のために働いた：

facebookLogin.html.php

<html>
<head>
    <title>My Facebook Login Page</title>
</head>
<body>
<?php
    include 'fblogin.html';
?>
</body>
</html>

fblogin.html ファイルの内容は次のとおりです。

<div id="fb-root"></div>
  <script>
    window.fbAsyncInit = function() {
      FB.init({
        appId      : '385937518116668',
        status     : true, 
        cookie     : true,
        xfbml      : true,
        oauth      : true,
      });
    };
    (function(d){
       var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
       js = d.createElement('script'); js.id = id; js.async = true;
       js.src = "//connect.facebook.net/en_US/all.js";
       d.getElementsByTagName('head')[0].appendChild(js);
     }(document));
  </script>
  <div class="fb-login-button">Login with Facebook</div>
于 2012-06-01T22:01:43.673 に答える