div弹出窗口在frameset外层解决方案

div
iframe
browser
ajax
class

首页通过framset经行网页布局，现在有个临时的消息窗口，ajax返回会弹出来。但是这个就有问题了。div作为网页元素，是依赖与 frame的。怎么让其在整个视图窗口的最上层呢？ frmae 连接网页，会对超过的部分进行遮挡。这里提供了一种解决方案.先记录下来。

<html>
<head>
<title>index.jsp</title>
</head>
<frameset rows="*" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0">
       <frame name="divframe" src="call.html" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" noresize scrolling="no">
</frameset>
<noframes>
<body>
sorry your browser doesn‘t accept frames
</body>
</noframes>
</html>

首页div需要覆盖的frame 放到引入的页面里，用iframe调用。

---call.html---

<html>
<body>
        <div id=‘popId‘ class=‘‘ style="position:absolute;float:left;top=5;left=25;display=‘none‘;z-index:2;"> 弹出div</div>
        <iframe src="mainindex.html" width=100% height=100% marginwidth=0>
</body>
</html>

--mainindex.html--

<frameset rows="30,*" style="z-index:1">
          <frame src="topframe.html" style="z-index:1">
   <frameset cols="30,*" style="z-index:1">

<frame src="menuframe.html" style="z-index:1">
        <frame src="mainframe.html" style="z-index:1">

</frameset>
      <frame src="footframe.html" style="z-index:1">
</frameset>

js 动作

<a onclick="top.divframe.document.getElementById(‘popId‘).style.display=‘block‘">显示DIv</a>

--the  end！

时间： 2024-10-13 01:38:25

div弹出窗口在frameset外层解决方案的相关文章

div弹出窗口

在很多时候,我们需要弹出一个透明的div层,或者是窗口,今天我们来和大家分享一下. 先看一下效果图:如何实现这么漂亮的效果呢, 下面请看代码: $.layer({ message: "<div class='wrongbox'>确定删除信息吗?<br>删除后,将无法恢复!</div>", mask: true, okText: '确定', cancelText: '取消', showClose: false, okEvent: function ()

CSS+JS 弹出窗口

需要引入样式 .black_overlay{  display: none;  position: absolute;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index:1001;  -moz-opacity: 0.8;  opacity:.80;  filter: alpha(opacity=80);  }    .white_content {  display: none

JS中，根据div数值判断弹出窗口

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 50px; height: 50px; margin: 20px; float: left; border: 1px solid orange; } </style>

jqueryeasyUI dialog 弹出窗口超出浏览器，导致不能关闭的bug解决方案

jqueryeasyUI dialog 弹出窗口超出浏览器,导致不能关闭的bug解决方案 2014年8月30日 3233次浏览 相信很多前端朋友都用过jqueryeasyUI,jqueryeasyUI功能很强大,可以实现我们前端很多想要的效果,例如,下拉树也就是select tree等.但是jqueryeasyUI底层构建不是很好,简单的应用还可以,深入开发的话,还是推荐用extjs相对好一些! 今天的这篇文章,主要是解决我很久很久之前遇到的一个问题,今天重新在博客上发一遍,就是jqueryea

JavaScript单击弹出窗口，可关闭可拖动的Div层窗

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

div弹出登录窗口

<meta charset="utf-8"/> <script type="text/javascript"> //弹出式登录 function ShowNo() //隐藏两个层 { document.getElementById("doing").style.display = "none"; document.getElementById("divLogin").style.di

纯JavaScript+HTML+CSS 的div弹出框

CSS <style> .mask { width:100%; height:100%; position: absolute; top:0; left:0; filter: alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; background-color: #ffffff; z-index:2; display: none; } div.sample_popup { height:auto; border:10px solid #64646

jsp网页弹出窗口的多种办法

http://blog.csdn.net/huangfoxjava/article/details/2973033 登录|注册     huangfoxjava的专栏 目录视图 摘要视图 订阅 关于jsp网页弹出窗口[很多种方法......] 分类: JSP2008-09-24 14:22 5799人阅读 评论(0) 收藏 举报 jspjavascript框架html脚本浏览器 各种弹出页面的设计 [1.普通的弹出窗口] 其实代码非常简单: <SCRIPT LANGUAGE=javascript

java selenium (十二) 操作弹出窗口

selenium 中如何处理弹出窗口 阅读目录 原理 在代码里, 通过         Set<String> allWindowsId = driver.getWindowHandles(); 来获取到所有弹出浏览器的句柄,   然后遍历,  使用swithcto.window(newwindow_handle)方法. 就可以定位到新的窗口 测试页面的HTML <html> <head> <title>常见web ui元素操作, 及API使用</ti