用IFrame调整easyXDM大小

Question

我将我的iFrame代码提供给客户端，这样他们就可以从我的站点显示动态内容。我希望生活在他们页面上的iFrame能够调整大小以适应我的内容。我遵循了easyXDM网站的指示，但也许我遗漏了什么。

我没有任何错误，但是iFrame保持默认高度(150‘t)。我给我的客户站点的代码是：

<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最新版本。