100求助: 这个效果一直没有思路,帮忙看看

Question

和跨域关系大吗？用onresize不行？在插入的js里面：
<div>
<iframe onresize='sizeChange()'></iframe>
</div><script>
function sizeChange(){
//改变div大小
}
</script>
在框架里面:
<input onclick='work()'><script>
function work(){
//改变框架大小
//做一些事
}
</script>

Answer 1

Ajax侦听...想到的其中一个办法
还是就是想问一下，为什么必须要用iframe?

Answer 2

跨域是数据读取的问题,div自动撑大是css问题(或者用js来控制css),两者没有联系.
说说div自动撑大: .floatWindow{ background-color:white; width:104px; height:500px; border:solid 1px red;}
.list{position:relative; float:left; left:0px; background-color:lightyellow; width:100px; height:500px;}
.subWindow{ position:relative; float:left; left:0px;background-color:lightblue; width:200px; height:500px; display:none;}function showWindow(){
document.getElementById("outWindow").style.width = "302px"; //ie:border占2px
document.getElementById("sub").style.display = "block";
}
function hideWindow(){
document.getElementById("outWindow").style.width = "100px";
document.getElementById("sub").style.display = "none";
}
<div  id="outWindow" class="floatWindow">
<div  class ="list">
<input type="button" onclick="showWindow()" value="user show"/>
</div>
<div id="sub" class="subWindow">
<input type="button" onclick="hideWindow()" value="hide"/>
</div>
</div>