iframe与easyXDM调整(IFrame resizing with easyXDM)

我给我的iFrame代码给客户，这样他们就可以显示从我的网站的动态内容。 我很愿意住自己的网页上调整大小以适合我的内容的iFrame。 我跟着从easyXDM网站上的说明，但也许我失去了一些东西。

我没有得到任何错误，但的iFrame保持默认的高度（150像素）。 我给我的客户网站的代码是：

<script src="http://test.pronetis.net/SNM.CMS/js/easyXDM/easyXDM.debug.js" type="text/javascript"></script>
<script type="text/javascript">
  var transport = new easyXDM.Socket({
    remote: "http://www.lipsum.com/",
    container: "container",
    onMessage: function (message, origin) {
      this.container.getElementsByTagName("iframe")[0].style.height = message + "px";
    }
  });
</script>
<div id="container"></div>

而这正是那张我要嵌入文件的代码：

<script src="http://test.pronetis.net/SNM.CMS/js/easyXDM/easyXDM.debug.js" type="text/javascript"></script>
<script type="text/javascript">
  var socket = new easyXDM.Socket({
    onReady: function () { socket.postMessage(document.body.scrollHeight) }
  });
</script>

我希望有简单的东西，我做错了...

Answer 1:

这很晚，但你还没有添加任何备份传输方法。 把name.html文件和文件easyxdm.swf在您的网站的根目录，然后使用下面的代码修改

客户网站

添加remoteHelper属性指向你的name.html，并添加SWF文件属性设置为指向您的easyxdm.swf文件。

<div id="container"></div>
<script src="http://test.pronetis.net/SNM.CMS/js/easyXDM/easyXDM.debug.js" type="text/javascript"></script>
<script type="text/javascript">
  var transport = new easyXDM.Socket({
    remote: "http://www.lipsum.com/",
    remoteHelper: "http://www.lipsum.com/name.html",
    swf: "http://www.lipsum.com/easyxdm.swf",
    container: "container",
    onMessage: function (message, origin) {
      this.container.getElementsByTagName("iframe")[0].style.height = message + "px";
    }
  });
</script>

你的网页

添加属性本地指向你的根name.html。

<script type="text/javascript">
    var socket = new easyXDM.Socket({
        local: "name.html",
        onReady: function () {
            socket.postMessage(document.body.scrollHeight);
        }
    });
</script>

你也应该确保您网站上的片段是下面的所有网页的内容，因此它可能是最好的前摆正</body>标签。

你可以下载一个包含从name.html和easyxdm.swf的easyxdm最新版本在这里 。

文章来源: IFrame resizing with easyXDM