首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

GridView模板别 中使用iframe高度自适有关问题,顶者有分(第2次发贴)

2011-12-31 
GridView模板别 中使用iframe高度自适问题,顶者有分(第2次发贴)asp:GridViewID GVItemList runat se

GridView模板别 中使用iframe高度自适问题,顶者有分(第2次发贴)
<asp:GridView   ID= "GVItemList "   runat= "server "   AutoGenerateColumns= "False "   EnableTheming= "True "   GridLines= "None ">
        <Columns>
              <asp:TemplateField>
                  <ItemTemplate>
                      <table   border= "0 "   cellpadding= "0 "   cellspacing= "0 "   style= "width:700px ">
                              <tr>
                                    <td> <span   style= "color:#003399;   font-size:3 "> <iframe   src= "http://192.168.1.6:81/html/PM/ <%#   Eval( "roomid ")%> .htm "   width= "700px "   frameborder= "0 "   id= "frmsrc "   marginheight= "0 "> </iframe> </span> </td>
                                </tr>
                        </table>
                    </ItemTemplate>
                <ItemStyle   CssClass= "ContextMenuColumn "   />
                </asp:TemplateField>
        </Columns>
</asp:GridView>

如上我在GridView中使用模板列中的iframe   连接不同htm页面(没有跨域),但高度不能动态改变,每个htm页面的高度不同的,我用过类似
parent.document.all( "框架ID名 ").style.height=document.body.scrollHeight;  
很多javascript   都不管用。   请各位高手帮帮忙,如何让高度自适。


[解决办法]
up
[解决办法]
http://community.csdn.net/Expert/topic/5734/5734046.xml?temp=.9440271
[解决办法]
up 学习
[解决办法]
document.body.scrollHeight是当前窗口的文档高度:
parent.document.all( "框架ID名 ").style.height=document.body.scrollHeight;
=> >
document.all( "框架ID名 ").height=document.all( "框架ID名 ").contentWindow.document.body.scrollHeight;
[解决办法]
顶先!!
[解决办法]
不知道,js文盲
[解决办法]
这个我也碰见过....当时解决方法就是让这个iframe高度很大 这样就行了= =
[解决办法]
为什么要用iframe?
[解决办法]
up
[解决办法]
没有看明白,帮LZ顶个先
[解决办法]
写一段js啊!!
function iframeAutoFit()
{
try


{
var iframes = document.getElementsByTagName( "IFRAME ");
for(var i=0; i <iframes.length; i++) //author:meizz
{
if (iframes[i] && !window.opera)
{
iframes[i].style.display= "block "
if (iframes[i].contentDocument && iframes[i].contentDocument.body.offsetHeight)//如果用户的浏览器是NetScape
{
iframes[i].height = iframes[i].contentDocument.body.offsetHeight;
}
else if (iframes[i].Document && iframes[i].Document.body.scrollHeight) //如果用户的浏览器是IE
{
iframes[i].height = iframes[i].Document.body.scrollHeight;
}
}
}
}
catch (ex){}
}

if(window.attachEvent)
{
window.attachEvent( "onload ", iframeAutoFit);
//window.attachEvent( "onresize ", iframeAutoFit);
}
else if(window.addEventListener)
{
window.addEventListener( 'load ', iframeAutoFit, false);
//window.addEventListener( 'resize ', iframeAutoFit, false);
}
[解决办法]
mark!关注!
[解决办法]
up
[解决办法]
我的iframe 的id 也是变量 id= " <%# Eval( "roomid ")%> "

晕...........太有难度了 关注学习
[解决办法]
up
[解决办法]
up
[解决办法]
<iframe onload= "this.style.hight=this.document.body.clientHeight; this.style.width=this.document.body.clientWidth; ">
[解决办法]
修改一下

<script>
window.onload = function()
{
var roomid = window.location.href
roomid = roomid.substr(roomid.lastIndexOf( "/ ")+1)
roomid = roomid.substr(0,roomid.indexOf( ". "))
var eleHeight
if(document.documentElement)
eleHeight = document.documentElement.scrollHeight
else
eleHeight = document.body.scrollHeight

parent.document.getElementById( "frmsrc " + roomid).style.height=eleHeight + "px ";



}

</script>
[解决办法]
<iframe src= "http://192.168.1.6/html/AM/ <%# Eval( "roomid ")%> .htm " width= "700px " frameborder= "0 " marginheight= "0 " onload= "javascript:{dyniframesize( <%# Eval( "roomid ")%> );} " id= " <%# Eval( "roomid ")%> " scrolling= "no "> </iframe>
<script type= "text/javascript ">
function dyniframesize(id)
{
AutoIframe(id);
}


function AutoIframe(id)
{
if(document.readyState!= 'complete ')
{
setTimeout( function(){AutoIframe(id);},25 );
return;
}
else
{
var ifobj=document.getElementById(id);

ifobj.height= ifobj.contentWindow.document.body.scrollHeight;
}
}


</script>

热点排行