-2

以下のリンクにある自分のサイトでJavaScriptを使用しています。ユーザーが1.Facebookアプリを既に許可してログインしているか、2。アプリケーションを許可していないがFacebookにログインしているか、3。Facebookにログインしていないかを判断します。

私のサイトのコンテンツの一部(おそらく600px x 400pxなど)にポップアップを表示して、ある種のコンテンツブロッカーとして機能し、ログインする必要があることを通知したいのです。ポップアップは、許可すると消えます。アプリケーション。

私の問題はこれです。else ifおよびifステートメント内にポップアップをコーディングするにはどうすればよいですか?document.write(コードに見られるように)のような単純なことを行うことができますが、コンテンツの上にポップアップを表示するにはどうすればよいですか?これらのステートメント内から他のhtmlやjavascriptを簡単に参照できる方法はありますか?レイヤーを使用してみましたが、コンテンツの上にレイヤーを重ねる代わりに、ページのコンテンツを表示せずに、レイヤーを新しいページとして表示します。

ここでの私の目標は、コンテンツの上にポップアップを表示して、ユーザーがその背後に実際にコンテンツがあることを確認できるようにすることです。これにより、ユーザーはアプリを許可してすべてを表示できるようになります。

FB.getLoginStatus(function(response) {
  if (response.status === 'connected') {
  document.write("<h1>Looks like you're logged into Facebook and our app :)</h1>  ");
    // the user is logged in and connected to your
    // app, and response.authResponse supplies
    // the user’s ID, a valid access token, a signed
    // request, and the time the access token 
    // and signed request each expire
    var uid = response.authResponse.userID;
    var accessToken = response.authResponse.accessToken;
  } else if (response.status === 'not_authorized') {
  document.write("<h1>Logged in but haven't allowed our app</h1>  ");
    // the user is logged in to Facebook, 
    //but not connected to the app
  } else {
  document.write("<h1>Not logged in</h1>");
    // the user isn't even logged in to Facebook.
  }
});

http://pastebin.com/J882yh5F

4

1 に答える 1

0

これはCSSだけで簡単に実行できます。bodyレベルでdivを作成しposition: absolute、幅と高さを100%に設定しdiv、独自の寸法のアラートメッセージとして別の内側を設定します。display: none次に、シンプルまたはdisplay: blockJavaScriptからカスタムメッセージを表示または非表示にできます。

デモ: http ://codepen.io/elclanrs/full/rGoha

于 2012-08-01T03:01:13.587 に答える