动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网页设计 → 阅读文章

 用javascript 自动调节iframe高度出现问题

作者:无从考证 来源:CSDN 
阅读 122 人次 , 2008-5-14 16:00:00 

 

我一个页面需要嵌入10个iframe,希望每个显示的数据不超过10条,超过就出现滚动条。没有数据则只显示表头。最开始用jsp去统计每个iframe需要显示数据的总数,然后计算,超过10条。ifram的高度就制定为一固定制,反之,取数据条数乘上每条的高度。这样做可以实现功能,但是速度比较慢。

于是就想用javascript去自动调节ifram的高度,函数如下:

var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
//extra height in px to add to iframe in FireFox 1.0+ browsers
var FFextraHeight=getFFVersion>=0.1? 16 : 0

function  isiFrameLoadComplete(iframename){
 var pTar = document.getElementById(iframename);

 if(pTar.readyState=="complete"){
  return true;
 }else{
  return false;
 }
 
}

function dsed_resize(iframename) {
  var pTar = null;
   if (document.getElementById){
     pTar = document.getElementById(iframename);
   }
   else{
     eval('pTar = '+iframename+';');
   }
   pTar.height = 25;

   if (pTar && !window.opera){

     pTar.style.display="block"
   
     if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
        //ns6 syntax
        pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;
        if(pTar.height<=25){
         pTar.height = 25;
        }else if(pTar.height>=210){
         pTar.height = 210;
        }
     
     }
     else if (pTar.Document && pTar.Document.body.scrollHeight){
        //ie5+ syntax
        pTar.height = pTar.Document.body.scrollHeight;

        if(pTar.height<=25){
         pTar.height = 25;
        }else if(pTar.height>=210){
         pTar.height = 210;
        }

     }
   }

}

但是现在又遇到一个问题,第一次打开页面的时候,可能有一个iframe不能正常显示,刷新一下又可以了。我以为iframe的个数太多了,所以导致这样,然后特地为每个iframe写个javascript函数,结果还是一样。真是没招了!


  
 本文Tags组网  
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:JavaMail API简介
· 下一篇:各种排序算法java实现
· DreamwaverMX与ASP.NET(十五)
· 用javascript 自动调节iframe高度出现问题
· 一组常用的弹出窗口用法
· 静态页面的值传递(三部曲)
· Java咖啡馆——第一杯咖啡(2)


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077