Javascript IFrame使用easyXDM调整大小
我将iFrame代码提供给客户机,这样他们就可以显示我网站上的动态内容。我希望他们页面上的iFrame能够调整大小以适应我的内容。我遵循了easyXDM网站的说明,但也许我遗漏了什么 我没有得到任何错误,但iFrame保持默认高度(150px)。我给我的客户站点的代码是:Javascript IFrame使用easyXDM调整大小,javascript,iframe,easyxdm,Javascript,Iframe,Easyxdm,我将iFrame代码提供给客户机,这样他们就可以显示我网站上的动态内容。我希望他们页面上的iFrame能够调整大小以适应我的内容。我遵循了easyXDM网站的说明,但也许我遗漏了什么 我没有得到任何错误,但iFrame保持默认高度(150px)。我给我的客户站点的代码是: <script src="http://test.pronetis.net/SNM.CMS/js/easyXDM/easyXDM.debug.js" type="text/javascript"></scri
<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>
var传输=新的easyXDM.Socket({
远程:http://www.lipsum.com/",
容器:“容器”,
onMessage:函数(消息、来源){
this.container.getElementsByTagName(“iframe”)[0].style.height=message+“px”;
}
});
这是我要嵌入的文档中的代码:
<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>
var套接字=新的easyXDM.socket({
onReady:function(){socket.postMessage(document.body.scrollHeight)}
});
我希望有件简单的事情我做错了…这么晚了,但你还没有添加任何备份传输方法。将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>
var传输=新的easyXDM.Socket({
远程:http://www.lipsum.com/",
remoteHelper:“http://www.lipsum.com/name.html",
swf:“http://www.lipsum.com/easyxdm.swf",
容器:“容器”,
onMessage:函数(消息、来源){
this.container.getElementsByTagName(“iframe”)[0].style.height=message+“px”;
}
});
您的网站
添加属性local以指向根目录中的name.html
<script type="text/javascript">
var socket = new easyXDM.Socket({
local: "name.html",
onReady: function () {
socket.postMessage(document.body.scrollHeight);
}
});
</script>
var套接字=新的easyXDM.socket({
本地:“name.html”,
onReady:function(){
socket.postMessage(document.body.scrollHeight);
}
});
您还应该确保网站上的代码片段位于页面所有内容的下方,因此最好将其放在
标记之前
您可以从下载easyxdm最新版本,该版本包含name.html和easyxdm.swf