frameset的局部刷新和隐藏
2014-09-01 11:23
183 查看
隐藏
<frameset cols="115,12,*" rows="*" frameborder="no" framespacing="0"
name="pageframe">
<frame src="menu_left.asp" scrolling="auto"
noresize="noresize" name="pageleft" />
<frame src="frameline.html"
scrolling="no" noresize="noresize" name="pageline" />
<frame
src="main.html" name="mainFrame"
/>
</frameset>
页面布局为左边菜单页,中间有个12象素宽度的条形页(用于点击后显示隐藏左边的菜单页),右边则是主体页面了。
第2个文件:frameline.html
这个文件中设置了用JAVASCRIPT脚本显示隐藏左边菜单页FRAME框架的代码。
<script
type="text/javascript">
function ShowHideLeft(objtd){
if
(parent.pageframe.cols=="115,12,*"){
parent.pageframe.cols="0,12,*";
objtd.innerHTML = '>';
}
else{
parent.pageframe.cols="115,12,*";
objtd.innerHTML =
'<';
}
}
</script>
<table border="0"
cellpadding="0" cellpadding="0" height="100%">
<tr>
<td
valign="middle" title="显示隐藏左菜单" onMouseOver=""
onClick="ShowHideLeft(this);"><</td>
</tr>
</table>
这样,当在中间的条形框架页frameline.html上点击时,就能实现显示或隐藏左边的菜单功能了
点击button的时候控制menu这个frame的隐藏,再次点击显示,如此反复.
function switchSysBar(){
if
(parent.document.getElementById('menu').cols=="152,*")
{
parent.document.getElementById('menu').cols="0,*";
}
else{
parent.document.getElementById('menu').cols="152,*";
}
}
局部刷新
<FRAMESET cols="280,*" frameborder=yes bordercolor=silver>
<FRAME SRC="modifyMenu!showTreeMenu" NAME="menuTree"SCROLLING="No" id="leftTree">
<FRAME SRC="showModifyMenu.jsp" NAME="main"SCROLLING="AUTO" id="showModifyMenu">
</FRAMESET>
functioninit(){
//leftTree是左边Frame的id
//重新加载这个页面
window.parent.frames["leftTree"].location.reload();
}
本文出自 “编程之路” 博客,请务必保留此出处http://huangby.blog.51cto.com/5199904/1547316
<frameset cols="115,12,*" rows="*" frameborder="no" framespacing="0"
name="pageframe">
<frame src="menu_left.asp" scrolling="auto"
noresize="noresize" name="pageleft" />
<frame src="frameline.html"
scrolling="no" noresize="noresize" name="pageline" />
<frame
src="main.html" name="mainFrame"
/>
</frameset>
页面布局为左边菜单页,中间有个12象素宽度的条形页(用于点击后显示隐藏左边的菜单页),右边则是主体页面了。
第2个文件:frameline.html
这个文件中设置了用JAVASCRIPT脚本显示隐藏左边菜单页FRAME框架的代码。
<script
type="text/javascript">
function ShowHideLeft(objtd){
if
(parent.pageframe.cols=="115,12,*"){
parent.pageframe.cols="0,12,*";
objtd.innerHTML = '>';
}
else{
parent.pageframe.cols="115,12,*";
objtd.innerHTML =
'<';
}
}
</script>
<table border="0"
cellpadding="0" cellpadding="0" height="100%">
<tr>
<td
valign="middle" title="显示隐藏左菜单" onMouseOver=""
onClick="ShowHideLeft(this);"><</td>
</tr>
</table>
这样,当在中间的条形框架页frameline.html上点击时,就能实现显示或隐藏左边的菜单功能了
<frameset rows="71,*" id="FramesetControl" runat="server"> <frame src="Head.html" scrolling="no" name="Head" id="Head" noresize="0"/> <frameset id="menu" cols="152,*"> <frame src="Menu.html" name="menu" id="menu"/> <frame src="Content.html" name="Content" id="Content"/> </frameset></frameset>在head这个frame的head.html中有个button,
点击button的时候控制menu这个frame的隐藏,再次点击显示,如此反复.
function switchSysBar(){
if
(parent.document.getElementById('menu').cols=="152,*")
{
parent.document.getElementById('menu').cols="0,*";
}
else{
parent.document.getElementById('menu').cols="152,*";
}
}
局部刷新
<FRAMESET cols="280,*" frameborder=yes bordercolor=silver>
<FRAME SRC="modifyMenu!showTreeMenu" NAME="menuTree"SCROLLING="No" id="leftTree">
<FRAME SRC="showModifyMenu.jsp" NAME="main"SCROLLING="AUTO" id="showModifyMenu">
</FRAMESET>
functioninit(){
//leftTree是左边Frame的id
//重新加载这个页面
window.parent.frames["leftTree"].location.reload();
}
本文出自 “编程之路” 博客,请务必保留此出处http://huangby.blog.51cto.com/5199904/1547316
相关文章推荐
- 整体刷新和局部刷新frameset窗口(转)
- 整体刷新和局部刷新frameset窗口问题深入探
- 整体刷新和局部刷新frameset窗口
- 整体刷新和局部刷新frameset窗口
- 有关于整体刷新和局部刷新frameset窗口
- jsp frameset 全局刷新和局部刷新
- 整体刷新和局部刷新frameset窗口问题深入探讨
- 隐藏iframe实现局部刷新
- 整体刷新和局部刷新frameset窗口问题深入探讨
- Frameset窗口的整体刷新和局部刷新
- 整体刷新和局部刷新frameset窗口
- (局部刷新)jquery.ajax提交并实现单个div刷新
- zDialog弹出层局部刷新iframe
- AJAX的原理-如何做到异步和局部刷新
- 两种Web页面局部刷新技术的简单较量
- 使用 AJAX,局部刷新 GridView 进行数据绑定的简单实现
- asp.net注册、局部刷新用户名检测+验证码
- Android ListView局部刷新
- ajax 局部刷新,返回json字符串
- Asp.net 使用 AXAJ局部刷新无效的解决方法