城市獵人

在一網情深的日子里，誰能說得清是苦是甜，只知道確定了就義無反顧

posts - 1, comments - 7, trackbacks - 0, articles - 89

隱藏顯示frame

Posted on 2009-01-11 11:27 sailor 閱讀(898) 評論(0) 編輯收藏所屬分類: javascript

思路：通過子frame改變父frame的cols設置實現父fame的隱藏。

center.html：父frame

<frameset cols='169,14,*' rows='*' frameborder='NO' border='0' id="oa_frame">
2

<frame id="le" name='leftarea' src='left.jsp' MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING='NO'/>
3

<frame name=middleframe src='middel.html' scrolling='NO' frameborder='NO' noresize>
4

<frame name='main' src='login.html' MARGINWIDTH=0 MARGINHEIGHT=0 frameborder='no' scrolling='no' noresize />
5

</frameset>

middel.html:用于控制center.html中leftarea的隱藏與顯示

<html xmlns="http://www.w3.org/1999/xhtml">
2

<head>
3

<title>無標題文檔</title>
5

<!--
7

body {
8

margin-left: 0px;
9

margin-top: 0px;
10

margin-right: 0px;
11

margin-bottom: 0px;
12

}
13

-->
14

</style>
15

<style>
16

.navPoint {
17

COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt
18

}
19

</style>
20

<script>
21

function switchSysBar(){
22

var locate=location.href.replace('middel.html','');
23

var ssrc=document.getElementById("img1").src.replace(locate,'');
24

if (ssrc=="images/main_55.gif")
25

{
26

document.getElementById("img1").src="images/main_55_1.gif";
27

window.parent.document.getElementById("oa_frame").cols="0,16,*";
28

}
29

else
30

{
31

document.getElementById("img1").src="images/main_55.gif";
32

window.parent.document.getElementById("oa_frame").cols="169,16,*";
33

}
34

}
35

</script>
36

</head>
38

<body style="overflow:hidden">
40

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed;">
41

<tr>
42

<td width="6" style="width:6px;"valign="middle" bgcolor="1873aa" onclick=switchSysBar()>
43

<SPAN class=navPoint id=switchPoint title=關閉/打開左欄>
44

<img src="images/main_55.gif" name="img1" width=6 height=40 id=img1>
45

</SPAN>
46

</td>
47

</tr>
48

</table>
49

</body>
50

</html>
51

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: Javascript生成工具隱藏顯示frame RGB對應表動態增加、減少表格

城市獵人

導航

常用鏈接

留言簿(3)

文章分類(90)

文章檔案(90)

收藏夾(12)

搜索

最新評論

隱藏顯示frame