posts - 3, comments - 13, trackbacks - 0

2005年4月1日

如何實現(xiàn)iframe(嵌入式幀)的自適應(yīng)高度(轉(zhuǎn)載）

原文：http://www.knowsky.com/4928.html

好幾次看到有人提問問到如何實現(xiàn) iframe 的自適應(yīng)高度，能夠隨著頁面的長度自動的適應(yīng)以免除頁面和 iframe 同時出現(xiàn)滾動條的現(xiàn)象，剛好我在工作中也碰到了類似問題，于是上網(wǎng)翻查，東抄抄西看看，弄出來這么一個函數(shù)，貼到頁面里面就能用了。不敢獨享，大家要是覺得有用，歡迎使用

源代碼如下

//** iframe自動適應(yīng)頁面 **//

//輸入你希望根據(jù)頁面高度自動調(diào)整高度的iframe的名稱的列表

//用逗號把每個iframe的ID分隔. 例如: ["myframe1", "myframe2"]，可以只有一個窗體，則不用逗號。

//定義iframe的ID

var iframeids=["test"]

//如果用戶的瀏覽器不支持iframe是否將iframe隱藏 yes 表示隱藏，no表示不隱藏

var iframehide="yes"

function dyniframesize()

{

var dyniframe=new Array()

for (i=0; i<iframeids.length; i++)

{

if (document.getElementById)

{

//自動調(diào)整iframe高度

dyniframe[dyniframe.length] = document.getElementById(iframeids[i]);

if (dyniframe[i] && !window.opera)

{

dyniframe[i].style.display="block"

if (dyniframe[i].contentDocument && dyniframe[i].contentDocument.body.offsetHeight) //如果用戶的瀏覽器是NetScape

dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight;

else if (dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight) //如果用戶的瀏覽器是IE

dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;

}

//根據(jù)設(shè)定的參數(shù)來處理不支持iframe的瀏覽器的顯示問題

if ((document.all || document.getElementById) && iframehide=="no")

{

var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])

tempobj.style.display="block"

}

if (window.addEventListener)

window.addEventListener("load", dyniframesize, false)

else if (window.attachEvent)

window.attachEvent("onload", dyniframesize)

else

window.onload=dyniframesize

</script>

使用的時候只要貼在<head></head>里面就可以了

posted @ 2005-05-25 16:01 蚌殼閱讀(589) | 評論 (1) | 編輯收藏

JasperReport Notes

摘要: 在公司的項目中用JapserReport也做了不少報表了，現(xiàn)在也做個記錄吧，很多東西都從網(wǎng)上而來，總結(jié)一下而已。注意：本文由 bangke 所撰寫版權(quán)歸屬于bangke 轉(zhuǎn)載請注明出處 1.下載不說了，需要JapserReport和iReport，要pdf支持中文的話需要itextasian.jar(google!)2.資源：The JasperReports Ultim... 閱讀全文

posted @ 2005-04-01 17:14 蚌殼閱讀(6837) | 評論 (11) | 編輯收藏

<

2005年4月

>

日

一

二

三

四

五

六

27

28

29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

6

7

常用鏈接

留言簿(4)

隨筆分類(3)

隨筆檔案(3)

搜索

最新評論

閱讀排行榜

評論排行榜