如何透過javascript動態調整框架的高度

2009-07-07 8:28 am
我有一個框架(frame)的頁面
分為上下兩組,假設上面的框架名稱為 menu,框架高度為 30 像素
下面的框架名稱為 content

我想在 menu的框架中設定一個按鈕 (如圖一)
透過這個按鈕可以調整 menu 框架的高度
讓 menu 的畫面展開 (如圖二)
不知道有沒有這樣的 javascript 的範例可以參考
謝謝


<圖一>

圖片參考:http://img17.imageshack.us/img17/386/frametaipeier1.gif


<圖二>

圖片參考:http://img269.imageshack.us/img269/9669/frametaipeier2.gif

更新1:

謝謝 rc40342您的回覆 想在請問一下,如果展開的動作希望可以滑順一點 又要如何調整javascript呢

回答 (2)

2009-07-07 5:14 pm
✔ 最佳答案
我在按鈕旁邊加了一個輸入 text input ,click 按鈕 就依 text input 改變上格高度。

如果有預定高度,可以這樣寫:
(例如 100)
parent.document.body.rows = '100,*'
(例如 150)
parent.document.body.rows = '150,*'

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
</head>

<script type="text/javascript">

function onchng(i)
{ if ( i.value <30 ) i.value=30
}

function stretch(i)
{ parent.document.body.rows = eval("'" + i.value + ",*'")
}

</script>

<body bgcolor=pink>

<form>
<input name="t1" value=100 onchange="onchng(this)">
<input type=button value="展開框架" onclick="stretch(t1)">
</form>

</body>
</html>


2009-07-07 09:16:10 補充:
以上是上格網頁。

2009-07-08 07:03:53 補充:
<script type="text/javascript">

function onchng(i)
{ if ( i.value <30 ) i.value=30
}

2009-07-08 07:04:12 補充:
function stretch(i)
{ newY = i.value
oldY = parseInt(parent.document.body.rows)
if ( newY == oldY )
return

movestep = newY>oldY? 1: -1;
move()
}

2009-07-08 07:04:23 補充:
function move()
{ oldY += movestep
parent.document.body.rows = eval("'" + oldY + ",*'")

if ( oldY != newY )
setTimeout("move()",10)
}

</script>
2012-02-15 7:43 am
parent.document.body.cols 是高度(欄)


收錄日期: 2021-04-26 18:26:27
原文連結 [永久失效]:
https://hk.answers.yahoo.com/question/index?qid=20090707000010KK00342

檢視 Wayback Machine 備份