jQuery MiniUI

标题: mini.open的窗口被iframe遮盖 [打印本页]
作者: miniui_myc    时间: 2016-8-25 10:26:54     标题: mini.open的窗口被iframe遮盖

本帖最后由 miniui_myc 于 2016-8-25 10:50 编辑

[attach]7856[/attach]之前还没事，今天一打开mini.open的窗口就被iframe嵌入的视频遮盖掉，但是鼠标放到标题栏上仍然能拖动，如果是pdf的则会把标题栏遮盖，中间内容没事，不过点击pdf后会彻底遮盖掉，这是怎么回事啊，可以设置mini.open的层index吗

作者: felt    时间: 2016-8-25 11:31:31

加一下mini_useShims="true"试一下
作者: miniui_myc    时间: 2016-8-25 13:14:21

本帖最后由 miniui_myc 于 2016-8-25 13:17 编辑
felt 发表于 2016-8-25 11:31
加一下mini_useShims="true"试一下
mini.open({
        url:"${pageContext.request.contextPath}/course.do?method=editWare&courseId="+EcourseId+"&wareId="+EwareId,
        title:"课程>信息修改",width:300,height:250,
        iconCls: "icon-edit",
        allowResize: true,
        ondestroy: function (action) {
                            location=location;
        }
});

在哪加属性啊
作者: felt    时间: 2016-8-25 15:31:46

miniui_myc 发表于 2016-8-25 13:14
mini.open({
        url:"${pageContext.request.contextPath}/course.do?method=editWare&courseId="+EcourseId+ ...

js里，如果没用的话请用浏览器工具看一下iframe的z-index、
应该是那个视频的高了
作者: miniui_myc    时间: 2016-8-29 15:16:10

本帖最后由 miniui_myc 于 2016-8-29 15:19 编辑
felt 发表于 2016-8-25 15:31
js里，如果没用的话请用浏览器工具看一下iframe的z-index、
应该是那个视频的高了 ...

还是不行啊，iframe的z-index是1001，他跟父页面和open打开的窗体是不同的页面，设置z-index没有可比性额，mini_useShims这个属性是谁的属性，是给父窗体还是iframe里的页面还是open的页面设置？我看Ext的也有类似问题，Ext的是遮盖问题，直接设置Ext.useShims="true"打开的窗口就露出来了,miniuii的这个属性是怎么设置的？我的iframe页面嵌入的视频是object标签调用的mediaplayer，播放的时候其他元素都在下层，只有展示视频的那层是在最上层把mini.open的窗口挡住，另外鼠标可以捕捉到open的窗体随意拖动
作者: miniui_myc    时间: 2016-8-29 16:26:51

mini.open的预加载里能查到open窗体的iframe的zIndex，但是无法赋值怎么解
onload: function () {
                        var iframe = this.getIFrameEl();
                        iframe.currentStyle.zIndex = 9999;
                        alert(iframe.currentStyle.zIndex);
                    },

我的问题类似这个：http://bbs.anychat.cn/forum.php?mod=viewthread&tid=447
作者: felt    时间: 2016-8-29 17:22:11

本帖最后由 felt 于 2016-8-29 17:24 编辑
miniui_myc 发表于 2016-8-29 16:26
mini.open的预加载里能查到open窗体的iframe的zIndex，但是无法赋值怎么解
onload: function () {
                       ...

延时修改一下试试
iframe.style.zIndex=
作者: miniui_myc    时间: 2016-8-30 10:26:57

felt 发表于 2016-8-29 17:22
延时修改一下试试
iframe.style.zIndex=

iframe.style.zIndex = 9999;这样也不行。。
mini_useShims这个属性是不是没有啊，为什么赋值不管用
作者: dforce    时间: 2016-8-30 10:59:13

miniui_myc 发表于 2016-8-30 10:26
iframe.style.zIndex = 9999;这样也不行。。
mini_useShims这个属性是不是没有啊，为什么赋值不管用 ...

你这情况mini_useShims并没有用
你这只能自己改iframe的z-index
[attach]7882[/attach][attach]7881[/attach]
如图肯定是可以修改的
作者: miniui_myc    时间: 2016-8-30 11:55:31

dforce 发表于 2016-8-30 10:59
你这情况mini_useShims并没有用
你这只能自己改iframe的z-index

iframe本身没问题，mini.open能遮盖住，关键是iframe的页面里我加了个object标签调用的mediaplayer和adobe pdf reader，是那个视频和pdf的内容层把mini.open的窗口遮盖了，有没有办法吧mini.open的窗口置顶，另外我试了下mini.alert也会被遮盖[attach]7884[/attach]
作者: dforce    时间: 2016-8-30 17:04:23

miniui_myc 发表于 2016-8-30 11:55
iframe本身没问题，mini.open能遮盖住，关键是iframe的页面里我加了个object标签调用的mediaplayer和adob ...

提供个例子，我们来看一下
作者: miniui_myc    时间: 2016-8-31 09:46:57

dforce 发表于 2016-8-30 17:04
提供个例子，我们来看一下

1.  你新建一个web工程，建一个jsp页面index.jsp，body里面加上
<OBJECT ID="WMPlay" WIDTH="1000" HEIGHT="800"
        CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"
        CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"
        STANDBY="Loading Microsoft? Windows Media? Player components..."
        TYPE="application/x-oleobject">
        <!--播放的文件地址-->
        <PARAM id="wmsrc" NAME="FileName" VALUE="C:\Users\Administrator\Videos\Safari4.mp4"/>
</OBJECT>

2.  http://www.miniui.com/demo/#src=buttonedit/selectGrid.html
在你们这个选择表格Code页面的input的标签后加上<br/>
  <iframe id="wareframe" name="wareframe" src="http://localhost:80/index.jsp" frameborder="0" style="width:100%;height:100%;" border="0"></iframe>

3.  在IE浏览器（得能加载mediaplayer插件）里运行代码，点开mini.open就可以看到这个遮挡效果了
作者: felt    时间: 2016-8-31 11:26:48

miniui_myc 发表于 2016-8-31 09:46
1.  你新建一个web工程，建一个jsp页面index.jsp，body里面加上

       

[attach]7891[/attach]
作者: miniui_myc    时间: 2016-8-31 13:09:05

felt 发表于 2016-8-31 11:26

你换个地址，打开一个正在播放的视频就挡住了
作者: felt    时间: 2016-9-1 16:06:03

miniui_myc 发表于 2016-8-31 13:09
你换个地址，打开一个正在播放的视频就挡住了

本地测试了没有发现问题
请提供一个简单的完整项目重现
作者: miniui_myc    时间: 2016-9-2 10:20:29

本帖最后由 miniui_myc 于 2016-9-2 10:34 编辑
felt 发表于 2016-9-1 16:06
本地测试了没有发现问题
请提供一个简单的完整项目重现

1.新建web工程，index.jsp页面代码
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title></title>
  </head>
  
  <body>
    This is myOBJECT JSP page. <br>
    <OBJECT ID="WMPlay" WIDTH="1000" HEIGHT="990"
                        CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"
CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"
                        STANDBY="Loading Microsoft? Windows Media? Player components..."
                        TYPE="application/x-oleobject">
                        <!--播放的文件地址-->
                        <ARAM id="wmsrc" NAME="FileName" VALUE="D:\ss.wmv"/>
                </OBJECT>
  </body>
</html>

2.http://www.miniui.com/demo/#src=buttonedit/selectGrid.html
<input .../>后面加上：
  <iframe src="http://localhost:8080/testwebproj/index.jsp" style="width:100%;height:100%;"></iframe>

3.测试的时候就是这种遮挡效果[attach]7900[/attach]，去朋友电脑上试了下也是这样的，你最后再帮忙试试吧，不行就算了，我的是ie11，朋友的电脑是ie8 ie9的



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2