您的位置：首页 > 其它

frameset框架实现右边框架弹窗

2011-03-28 19:00 204 查看
Web程序界面上面frameset框架结构是比较常用的，采用了框架结构就有在不同框架间调用JS，操作html的需求。下面我们通过一个简单例子：在左边菜单栏上面点击后实现在右边窗口中弹窗功能。

主框架页面。包含了左边的meju页面 和右边的user.do页面。我们要实现的就是在menu.jsp上面点击后在user.do上面弹出窗口。


<frameset cols="180,10,*" frameborder="no" border="0" framespacing="0" id="frame">
<frame src="menu.jsp" name="leftFrame" scrolling="Yes" id="leftFrame" title="leftFrame" />
<frame src="side.html" name="tbFrame" scrolling="No" noresize="noresize" id="tbFrame" title="tbFrame" />
<frame src="user.do" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>


menu.jsp通过window.parent.frames['mainFrame']定位到右边框架，然后调用changeSmsPwd()方法来弹出输入密码框的窗口、




<a href="javascript:void" onclick="window.parent.frames['mainFrame'].changeSmsPwd();">更改密码</a>


user.do简单的包含一个弹窗的脚本实现弹窗功能即可，当然也可以通过调用左边菜单JS方法来实现对左边菜单页面的修改。


function changeSmsPwd(){
var title="访问设置";
var nText = "";
showCommonMsgBox_title("350",title,nText);//实现弹窗代码
window.parent.frames['leftFrame'].leftOpenSmsTree(); //调用左边框架的脚本
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航