求助一个层的定位问题
一个后台页面,
内空页面是在一个iframe里面显示的。
现在在内容页面,要加一个浮动层(显示一个等待的效果)。
结果那一个层只覆盖了内容页框架的内容。
我的要示是:覆盖整个页面,(也就是说,浮动层可以覆盖框架外的内容),
我该怎么做。
我想这样写了
css code#load{padding:10px; width:600px;height:300px; display:block; position: absolute; top:50%; left:50%; margin-left:-300px; margin-top:-150px;}
js 是这样写的。
$(#load).css(display,block);
$(#img_load)[0].src='/data/images/img_load.gif';
------解决方案--------------------
jquery 直接用div 弹出插件.设置 插件弹出的比例即可...不过 我忘记了那插件名字了.嘿嘿
------解决方案--------------------
jqmodal
------解决方案--------------------
o(∩_∩)o哈哈~,我刚刚做了这个项目,给你点经验:
jquery 操作iframe
dom方法:
父窗口操作其下的iframe:window.frames[iframename].document
或者直接写frames[iframename].document
iframe操作父窗口: window.parent.document
或者直接写parent.document
jquery方法:
在父窗口中操作 其下iframe中的元素: $(window.frames[iframename].document).find(”:text”);
在iframe中操作 选中父窗口中的所有输入框:$(window.parent.document).find(”:text”);
使用find可以找到自己想要的东东。
想要找到同级的iframe,可以用$(parent.frames[iframename]).find(xxxxxx)
细心的朋友一下就能理解,原理其实很简单,就是用到了$(dom对象)转换成jquery对象。
例子:
html code
------解决方案--------------------
你们要是真心的帮助lz,那么就请贴出可供测试的代码
否则,我就要将此贴移动了
------解决方案--------------------
好吧,我承认是着急了点,还是把上面的帖子移除吧,这是个可测试的:
在iframe的父级页面和元素页面必须都连接上 才管用
html code无标题文档此div的宽高与body相当
无标题文档这是子页面
);});$(#full).live(click,function(){ //$(window.parent.document).find(#iframe).css({'display':'none','visibility':'hidden'}); $(window.parent.document).find(#show3dmap).css({'display':'none','visibility':'hidden'}); $(window.parent.document).find(body).append(+ 这里的宽和高是含iframe的父级页面的宽和高,即当前浏览器的可视窗口大小(自定义)
可定义按钮来关闭此div:
);});//close$(window.parent.document).find(#btn).live(click,function () { //$(window.parent.document).find(#iframe).css({'display':'block','visibility':'visible'}); $(window.parent.document).find(#show3dmap).css({'display':'block','visibility':'visible'}); $(window.parent.document).find(#div).remove(); });