显示/隐藏Iframe

我为我的网站使用wordpress，并试图设置我的页面，以便用户必须单击按钮才能查看内容。是的，非常简单的显示/隐藏等，但我希望用户点击的按钮是这http://www.facebook.com/plugins/like.php 显示/隐藏Iframe

要显示在我的网页我需要使用一个iframe，这是它变得棘手。我设置了显示/隐藏代码，以便当用户点击类似按钮（或iframe中的任何位置）时，它将显示内容。但是，没有这样的运气！

这是我的代码

<div id="imagebox" style="display:none;"><?php $image = wp_get_attachment_image_src(get_field('image'), 'full'); ?> 
           <img src="<?php echo $image[0]; ?>" alt="<?php get_the_title(get_field('image')) ?>" /> </div> 

    <div onclick="ShowDiv()"><iframe src="http://www.facebook.com/plugins/like.php? href=http://www.facebook.com/BrandBang&amp;" allowTransparency="true"> 
      </iframe></div> 

    <script language="javascript"> 
    function ShowDiv() 
    { 
    document.getElementById("imagebox").style.display = ''; 
    } 
    </script>

我知道，这是很难使用iframe的做我想做的事，但我是一个新手，总当谈到这个东西。任何帮助将是伟大的！

来源

2012-06-06 Lewism1

已尝试给您的div id="imagebox"？

编辑：

这已经回答了here。但是，我并没有意识到你一开始就意识到你正在加载的内容不是来自你自己的域名，所以你将会陷入跨站点脚本事件中，这是不允许的。

Afaik，你必须重新设计你的实现方式。例如，您可以使用curl从facebook中检索生成的html，然后在您自己的div中输出。像这样的东西应该工作。

来源

2012-06-06 13:25:21 HobieCat

对不起，我忘记了将代码的一部分添加到我的问题中。 – Lewism1

但这也行不通。请给我几分钟，让我们看看我是否可以找到解决方案。 – HobieCat

感谢您的回复。不胜感激。我发现我将不得不尝试找到一些触发Facebook API而不使用iFrame的方式。 – Lewism1

显示/隐藏Iframe

回答

相关问题