-2

我在我的网站上使用下面链接中的 javascript。它确定用户 1. 是否已经允许我们的 Facebook 应用程序并已登录,2. 尚未允许我们的应用程序但已登录到 Facebook,或者 3. 未登录到 Facebook。

我希望弹出窗口显示在我网站的某些内容上(可能是 600 像素 x 400 像素或其他内容),因此它充当某种内容阻止程序并告诉他们他们需要登录。然后弹出窗口会在他们允许后消失应用程序。

我的问题是这个。如何在 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: nonedisplay: block从 JavaScript 显示或隐藏自定义消息。

演示: http ://codepen.io/elclanrs/full/rGoha

于 2012-08-01T03:01:13.587 回答