如何在帧集上放置div叠加?(How to put a div overlay over framesets?)
我需要使用jQuery 1.6.2为现有的jsp页面创建一个请等待页面。 我能够让div叠加层工作,以及在页面中心的模态窗口中请等待动画。 但是,叠加层仅覆盖其中一个框架集,即中心框架集。
html结构基本上是(为了清楚起见,我要留下很多):
... <frameset > <frame id="topMostFrame"> <frameset> <frame id="leftMostframe"> <frame id="centerMostFrame"> </frameset> </frameset> <noframes> </noframes> </body> </html>
JQUERY
function getTheOverlay(){ $(document).ready(function() { $("#loading-div-background").css({opacity: 0.5}); $("#loading-div-background").show(); //alert("In getOverlay!"); }); } function remove(){ $(document).ready(function() { $('#loading-div-background').hide(); }); }
HTML
<div id="loading-div-background" style="display:none" class="ui-widget"> <div id="loading-div" class="ui-corner-all"> <img style="height:80px;margin:50px;" src="/images/loading.gif" alt="Loading.."/> </div> </div>
CSS
#loading-div-background { display:none; position:absolute; top:0; left:0; background:gray; width:100%; height:100%; /* Next 2 lines IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); } #loading-div { width: 300px; height: 200px; background-color: #ffffff; text-align:center; position:absolute; left: 50%; top: 50%; margin-left:-150px; margin-top: -100px; }
我尝试将html移动到我的jquery函数中加载,但它没有在IE8中显示叠加层。 我也有时间让IE8使用叠加层本身,但这是使用上面的CSS修复的。
我需要禁用左框架上的链接,这可能是我将要使用的方法,或者用覆盖层覆盖它们。 是的,我知道框架很糟糕,但这就是我的工作。
我无法让叠加层覆盖其他框架集并覆盖整个页面。 我已经读过这是不可能的框架集,虽然我猜可能有一个解决方法。 但是,当我使用警报进行调试时,覆盖覆盖整个页面。
我的问题是:为什么使用警报使覆盖层覆盖所有内容? 即使使用框架集,我还能做些什么来获得相同的效果吗?
I have a requirement to create a please wait page using jQuery 1.6.2 for an existing jsp page. I was able to get the div overlay to work, along with an please wait animation in a modal window in the center of the page. However, the overlay only covers one of the framesets, the center one.
The html structure is basically (I'm leaving a lot out for clarity):
... <frameset > <frame id="topMostFrame"> <frameset> <frame id="leftMostframe"> <frame id="centerMostFrame"> </frameset> </frameset> <noframes> </noframes> </body> </html>
JQUERY
function getTheOverlay(){ $(document).ready(function() { $("#loading-div-background").css({opacity: 0.5}); $("#loading-div-background").show(); //alert("In getOverlay!"); }); } function remove(){ $(document).ready(function() { $('#loading-div-background').hide(); }); }
HTML
<div id="loading-div-background" style="display:none" class="ui-widget"> <div id="loading-div" class="ui-corner-all"> <img style="height:80px;margin:50px;" src="/images/loading.gif" alt="Loading.."/> </div> </div>
CSS
#loading-div-background { display:none; position:absolute; top:0; left:0; background:gray; width:100%; height:100%; /* Next 2 lines IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); } #loading-div { width: 300px; height: 200px; background-color: #ffffff; text-align:center; position:absolute; left: 50%; top: 50%; margin-left:-150px; margin-top: -100px; }
I tried moving the html to load in my jquery function, but it didn't display the overlay in IE8. I also had a time getting IE8 to work with the overlay itself, but that is fixed using the CSS above.
I need to disable the links on the left frame, which is probably the approach I'll use or else cover them with the overlay. Yes I know frames are bad, but that is what I was given to work with.
I can't get the overlay to go over the other framesets and cover the entire page. I've read that this is impossible to do with framesets, although I'm guessing there could be a workaround. However, when I use an alert for debugging purposes, the overlay covers over the entire page.
My question is: why is using an alert making the overlay cover everything? Is there something else I could do to get the same effect, even with the framesets?
原文:https://stackoverflow.com/questions/14941671
满意答案
bootstrap.min.js返回404错误,我相信这就是原因。
这是返回错误的URL: http : //aerofied.snbw.co/js/bootstrap.min.js
您还应该阅读Bootstrap文档 。 您必须为表单使用某些特定的类。
bootstrap.min.js returns a 404 error and I believe this is the reason.
This is the URL that returns the error: http://aerofied.snbw.co/js/bootstrap.min.js
You should also read the Bootstrap documentation. You must use some specific classes for your forms.
相关问答
更多Twitter Bootstrap中的弹出窗口(Popovers in Twitter Bootstrap)
为什么我的Twitter Bootstrap表单字段使用流体容器溢出?(Why do my Twitter Bootstrap form fields overflow their well using fluid container?)
Twitter引导程序:Dropdownlist和Textbox无法正确对齐(Twitter bootstrap: Dropdownlist and Textbox doesn't align properly)
Twitter Bootstrap:表单里面有一个图标?(Twitter Bootstrap: Form with an icon inside of it?)
Twitter Bootstrap Carousel导航显示(Twitter Bootstrap Carousel Navigation Display)
使用较少的twitter bootstrap(Using less with twitter bootstrap)
无法正确显示Twitter Bootstrap glyphicons(Unable to properly display Twitter Bootstrap glyphicons)
Twitter Bootstrap - 无法正确显示表单(Twitter Bootstrap - Can't get form to display properly)
Twitter Bootstrap - 无法点击某些表单区域,但可以选中它们(Twitter Bootstrap - can't click on some form areas, but can tab to them)
Bootstrap:表单显示(Bootstrap: Form display)
相关文章
更多HttpClient PUT请求示例
Solr: a custom Search RequestHandler
A Great List of Windows Tools
按钮样式
gwt 部署在div 中的问题。
Becoming a data scientist
trouble is a friend
[转]So You Want To Be A Producer
Hadoop海量put时出现的socket超时导致put失败解决方案
在列表li里两个浮动div兼容IE6问题
最新问答
更多获取MVC 4使用的DisplayMode后缀(Get the DisplayMode Suffix being used by MVC 4)
如何通过引用返回对象?(How is returning an object by reference possible?)
矩阵如何存储在内存中?(How are matrices stored in memory?)
每个请求的Java新会话?(Java New Session For Each Request?)
css:浮动div中重叠的标题h1(css: overlapping headlines h1 in floated divs)
无论图像如何,Caffe预测同一类(Caffe predicts same class regardless of image)
xcode语法颜色编码解释?(xcode syntax color coding explained?)
在Access 2010 Runtime中使用Office 2000校对工具(Use Office 2000 proofing tools in Access 2010 Runtime)
从单独的Web主机将图像传输到服务器上(Getting images onto server from separate web host)
从旧版本复制文件并保留它们(旧/新版本)(Copy a file from old revision and keep both of them (old / new revision))
Copyright ©2023 peixunduo.com All Rights Reserved.粤ICP备14003112号
本站部分内容来源于互联网,仅供学习和参考使用,请莫用于商业用途。如有侵犯你的版权,请联系我们(neng862121861#163.com),本站将尽快处理。谢谢合作!