jquery - OpenID 和 Iframe

Question

我在使 OpenID 在 iframe 中工作时遇到了一些麻烦。

基本上，我在主页上加载了一些繁重的内容，并且我想构建一个登录系统，其中页面不需要重新加载(从而再次重新加载所有内容)。我通过使用堆栈交换网站爱上了 OpenID，并将其相对较好地集成到其他项目中。

我想做我想做的事，我想尝试使用 iframe(因为新窗口让我哭泣)，但是我在中间附近的某个地方遇到了某种形式的障碍，并且我一生都可以不知道发生了什么......

基本上，我有一个 jQuery 生成的 DIV 和 openID 表单中的表单，它似乎可以动态加载 iframe。沿着这些思路:

<script type="text/javascript">
contentboxs = 0;
function contentbox() {
      if (contentboxs == 0){
        $('#mainpage').append("<div id='contentbox'><div style='clear:both;' id='oritext'></div><div id='f_content'><iframe src ='' name='framedcontent' width='580' height='600' scrolling='false'></iframe></div></div>");
        $('#f_content').hide();
        contentboxs++;
      } else {
        $('#contentbox-wipe').remove();
        $('#contentbox').remove();
        contentboxs--;
      }
    }

function loginpanel(){
      contentbox();
      if (contentboxs == 1){
          $('#oritext').append("<form method='post' action='login.php' name='oidform' target='framedcontent'>Please Select your OpenID Provider: <br/><input type='text' name=\"id\" id='openidbox' /><br /><input type='submit' name='submit' value='Log In' onclick='loginsubmit();' ></form>");
      } 
    }
function loginsubmit() {
    $('#oritext').html('');
    $('#contentbox').animate({'height':'600px', 'width':'700px', 'margin-top' : '-300px', 'margin-left' : '-350px'},500, 'linear', function() { $('#f_content').show(); });

}
</script>
<a href='javascript:loginpanel();'>login</a>

据我所知，一切正常。

我的问题在于我重定向到 openID 远程站点(再次按照以下方式使用 JS 进行操作:)

echo("<div><p><center>Redirecting...</center></div>");

  echo "<script type='text/javascript'>

  function delayer() {

this.location = '".$url."'

}

setTimeout('delayer()', 3000)

</script>";

抱歉，这有点啰嗦，但这是我的问题(最后):这对于我尝试过的一些 OID 网站来说效果很好，但有些网站给我带来了问题:Google 根本无法加载，Yahoo和 mySpace 在 iframe 中打开正常，然后立即将完整窗口分别重定向到主页和 OID 页面，并且 wordpress 返回错误。

我假设这是一项反措施，旨在阻止我窃取登录详细信息(顺便说一句，这不是我想要实现的目标，因此是序言)，这很公平，但仍然令人讨厌。

这里有什么我正在做的迟钝的事情吗？有没有办法解决这个问题，如果以上都不是，那么我唯一的其他选择就是创建新窗口或构建自己的登录/注册。

如果您已经看到这里，非常感谢您抽出宝贵的时间，希望您不要太介意拼写错误。

Answer 1

尝试在弹出窗口(window.open 或 )中运行登录。这样 window.top==window 这样站点就不会被 iframe 了。然后当你回到自己这边时，你可以发送一个auth cookie和一个<script>self.close()</script>