精华内容
下载资源
问答
  • 用友nc某个档案卡片界面有个图片,怎么实现单击图片弹出窗口或者单击图片放大
  • jQuery响应式弹出层控件+图片放大插件支持模态窗口,不过经过测试发现,在IE8下有错误,火狐和Chrome下都正常,可能兼容性有待修复。它可以弹出图片放大框、文字框等,并可以关闭弹出框,响应式、模态弹出框插件,...
  • layui弹出层之layer.open弹出iframe窗口·

    万次阅读 2019-08-16 16:07:29
    layui弹出层之layer.open弹出iframe窗口· layer.open弹出iframe窗口 【1】该功能为案例,弹出iframe窗口显示上传数据 由于layui的弹出层每次执行layer.open({})都会弹出新的iframe窗口,它不会帮你判断是否...

    layui弹出层之layer.open弹出iframe窗口·

     

    layer.open弹出iframe窗口

    【1】该功能为案例,弹出iframe窗口显示上传数据

    由于layui的弹出层每次执行layer.open({})都会弹出新的iframe窗口,它不会帮你判断是否弹出相同的iframe窗口,使用只能自己手动判断,禁止在已有iframe窗口下,再次使用layer.open({})创建新的iframe窗口

      1)解决重复弹出iframe相同窗口方法

      因为layer.open({})再创建iframe窗口时,会返回一个标识--参数index为层的索引(每一种弹层调用方式,都会返回一个index)

    使用全局变量index区分弹出iframe窗口在需要上传时,判断if(index!="")   

      2)解决父子页面数据交互问题

      只要能获取iframe窗口的id,通过其他函数进行数据交互

      如,contentWindow方法    

           //得到iframe页的窗口对象,执行iframe页的方法:

           var iframeWin = window[layero.find('iframe')[0]['name']];

           //获取iframe窗口的id

           var iframeID=iframeWin.frameElement.id;

     3)解决窗体自动从最小化--》还原       

     layui通过layer.full()、layer.min()、layer.restore()手工执行最大小化

      只要知道iframe窗口参数index的标识索引就能控制iframe窗口最大、最小、还原化和关闭

       layer.restore(index);

       注意,我在执行该方法时,代码出现些bug,该方法好像会干扰

       对iframe窗口的操作和其他代码执行,所以放到位置要放好点

        我用全局变量var indexmin=false;   

    当iframe窗口缩小时,触发min事件就改为true,

           min:function(){

           indexmin=true;

          },

          目的是iframe窗口缩小化时,正好又执行上传,我需要iframe窗口还原显示上传数据

           if(indexmin==true){

             layer.restore(index);

             indexmin=false;

           }                              

     

        //layer.open的全局变量--iframe的标志

        var index;

        var iframeid="";

        var indexmin=false;

        function upinput(num){

        //判断还原iframe的窗口

             if(indexmin==true){

                layer.restore(index);

                indexmin=false;

             }

        //获取用户存储空间ID

        var userSpaceID=$("#sessionUserSpaceID").val();

        //如果iframeid不为空,声明已有iframe上传窗口,不再创建

           if(iframeid!=""){

              if(num==1){

                var file=document.getElementById("files1");

              }else if(num==2){

                var file=document.getElementById("files2");

              }else if(num==3){

                var file=document.getElementById("folder");

              }

      //父页面通过iframeid调用子页面函数传递数据

    document.getElementById(""+iframeid).contentWindow.acceptUpload(file.files,userSpaceID);

              //清除input[type=file]的所有文件记录

               file.outerHTML=file.outerHTML;

            }else{

            //新建iframe上传窗口

             newUpiframe(num,userSpaceID);

            }

        }

      //新建iframe上传窗口

        function newUpiframe(num,userSpaceID){

          if(num==1){

               var file=document.getElementById("files1");

              }else if(num==2){

                var file=document.getElementById("files2");

              }else if(num==3){

                var file=document.getElementById("folder");

              }

          index = layer.open({

               //页面层默认选择2,content指向父层某个div时type设置为1

               Layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)

                type:2,

                //头部标题

                title:'上传',

                //子层容器宽度和高度

                area:['800px','800px'],

                //右下角弹出

                offset: 'rb',

                //子层页面资源

                //这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: ['xxx', 'no']

                content:"${ctx}/jsp/upload.jsp",

                fix: true, //不固定

                maxmin: true,

                shadeClose: false,//点击遮罩区域是否关闭页面

                scrollbar: false,//滚动条

                shade:0,

                success: function(layero, index){

                  console.log(layero);

                 //var body = layer.getChildFrame('body',index);//建立父子联系

                

                  //得到iframe的窗口对象,执行iframe页的方法:

                  var iframeWin = window[layero.find('iframe')[0]['name']];

                  var iframeID=iframeWin.frameElement.id;

                   iframeid=iframeID;

                //父页面调用子页面的方法

    document.getElementById(""+iframeID).contentWindow.acceptUpload(file.files,userSpaceID);

                   //清除input[type=file]的所有文件记录

                  file.outerHTML=file.outerHTML;

                },

    //当点击iframe的窗口的关闭按钮触发事件

                cancel: function(index, layero){

                   //父页面调用子页面的方法

    var en=document.getElementById(""+iframeid).contentWindow

    .upFinishIsNO();

                   if(en==true){

                     document.getElementById(""+iframeid).contentWindow.cleanUpInfor();

                      iframeid="";

                     layer.close(index);

                  }else if(en==false){

    //只有当点击confirm框的确定时,该层才会关闭

               if(confirm("未上传完成,是否关闭上传吗?")){

    document.getElementById(""+iframeid).contentWindow.cleanUpInfor();

                        iframeid="";

                        layer.close(index);

                      }

                     return false;

                   

                   }

                 },

    //当点击iframe的窗口的最小化按钮触发事件

                 min:function(){

                    indexmin=true;

                 },

          });

     

        }

    其他Layui的弹出层

    需要引用  <script src="~/Content/layui/layui.all.js"></script>

    【1】提示框:

     layer.msg('弱弱的提示一下', { icon: 5 ,time:3*1000, anim: 6 });

    【2】信息框

     layer.alert('弱弱的提示一下', { icon: 5 ,time:3*1000, anim: 6 });

    【1】time - 自动关闭所需毫秒

    类型:Number,默认:0

    默认不会自动关闭。当你想自动关闭时,可以time: 5000,即代表5秒后自动关闭,注意单位是毫秒(1秒=1000毫秒)

    【2】anim - 弹出动画

    类型:Number,默认:0

    我们的出场动画全部采用CSS3。这意味着除了ie6-9,其它所有浏览器都是支持的。目前anim可支持的动画类型有0-6 如果不想显示动画,设置 anim: -1 即可。另外需要注意的是,3.0之前的版本用的是 shift 参数

    备注

    anim: 0

    平滑放大。默认

    anim: 1

    从上掉落

    anim: 2

    从最底部往上滑入

    anim: 3

    从左滑入

    anim: 4

    从左翻滚

    anim: 5

    渐显

    anim: 6

    抖动

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    展开全文
  • [code="html"] .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ ...b...
    <style type="text/css">
    .thumbnail{
    position: relative;
    z-index: 0;
    }
    .thumbnail:hover{
    background-color: transparent;
    z-index: 50;
    }
    .thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: lightyellow;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
    }
    .thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
    }
    .thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 80px;
    left: 0; /*position where enlarged image should offset horizontally */
    }
    </style>
    <p><a class="thumbnail" href="#thumb"><img src="http://www.dynamicdrive.com/cssexamples/media/tree_thumb.jpg" width="100px" height="66px" border="0" /><span><img src="http://www.dynamicdrive.com/cssexamples/media/tree.jpg" /><br />Simply beautiful.</span></a>

    <a class="thumbnail" href="#thumb"><img src="http://www.dynamicdrive.com/cssexamples/media/ocean_thumb.jpg" width="100px" height="66px" border="0" /><span><img src="http://www.dynamicdrive.com/cssexamples/media/ocean.jpg" /><br />So real, it's unreal. or is it?</span></a></p>




    黑色头发 [url=http://heisetoufa.iteye.com]http://heisetoufa.iteye.com[/url]
    展开全文
  • 如何使LabView中的波形图在被点中后,能够弹出独立的窗口显示,并能够局部放大,求详细说明
  • wpf中用用户控件做出来的一个自定义弹出窗口弹出窗口是用wpf用户控件做出来的,并且是渐显式放大式弹出的动画效果。非常漂亮
  • js html页面点击弹出div放大查看原图

    千次下载 热门讨论 2008-11-29 20:06:28
    jquery.lightbox-0.5 点击放大效果; 修正了点击图片出现虚线框的问题; 修正了图像宽度比浏览器窗口大时,出现滚动条的问题,显示的大图片自动适应浏览器页面大小,不出现滚动条。 原效果地址 ...
  • Spyder使用弹出绘图窗口的设置方法

    千次阅读 2020-03-17 11:08:47
    根据大师建议喜欢用spyder作为python开发的工具,但是所显示的绘图默认是IPython调试窗口中,有些,观看不方便,想让其...方法:在菜单的Tools中,选择Preferences菜单,弹出设置窗口。 然后,选择IPython...

    根据大师建议喜欢用spyder作为python开发的工具,但是所显示的绘图默认是IPython调试窗口中,有些小,观看不方便,想让其单独显示一个对话框,显示直观明了,可以方便放大缩小,还可以用plt的plt.ion()和plt.ioff(),做动态显示。

    方法:在菜单的 Tools中,选择 Preferences 菜单,弹出设置窗口。

     

        

     

        然后,选择 IPython Console 的配置项,点击 Graphics 选项卡,把 Backend 设置为 QT,即可把绘制图形作为新的窗口,弹出来。注意,如果想让配置项生效,必须把它重新启动才可以。 

    展开全文
  • selenium 自动化弹出窗口问题

    千次阅读 2015-12-24 10:29:00
    在用Python+selenium做自动化时,遇到一个比较经典的问题,在调用click事件执行window.showModalDialog弹出窗口时,父窗口会阻塞起来(直到子窗口关闭时才会解除阻塞),而webdriver此时由于执行的是父窗口的方法...

    在用Python+selenium做自动化时,遇到一个比较经典的问题,在调用click事件执行window.showModalDialog弹出新窗口时,父窗口会阻塞起来(直到子窗口关闭时才会解除阻塞),而webdriver此时由于执行的是父窗口的方法,因此也会阻塞来等待请求响应,而这样就造成了后面的脚本不能执行,但是前面提到,如果子窗口不关闭父窗口会一直阻塞下去,怎么办呢?解决方案是利用window.setTimeout(function() {click事件},100)这个回调函数来解决,因为执行回调函数,那么webdriver就能立即得到响应(回调函数的特性),阻塞问题随之解决,而之后再执行click方法时造成的阻塞交由浏览器来处理,也并不会将webdriver的线程阻塞.

    转载于:https://www.cnblogs.com/lin-yan/p/5072291.html

    展开全文
  • IE7浏览器点击放大镜 能弹出窗口,提示“网页上 错误”;处理方法:1.打开注册表编辑器(开始--运行):REGEDIT.2.找到HKEY_CLASSES_ROOT/TypeLib/{EAB22AC0-30C1-11CF-A7EB-0000C05BAE0B}/1.1/0/win323.点击:默认。...
  • 弹出NumberPicker窗口,修改字体大小

    千次阅读 2016-05-30 01:46:02
    package com.example.numberpicker_3; import android.content.Context; import android.graphics.Color; import android.util.AttributeSet; import android.view.View;...import android.widget.EditText;...import a
  • 如题,用代码如何实现? 哪位帮帮忙 , 谢谢了! 我想要点击某个按钮,弹出一个窗口,那个窗口里再添加多选框\文本域等
  • 4种酷炫的弹出窗口和弹出图片特效

    千次阅读 2016-06-02 13:05:38
    关键字:JS特效,mootools,特效代码,Iphone 弹出气泡,弹出气泡网页Flash动画,弹出气泡网页视频,点图预览大图效果 预览网址:http://js.alixixi.com/demo/0223/ 下载网址:...
  • 在使用Spyder的过程中,因为它的绘图,默认是绘图在IPython窗口中的,而这个窗口又非常的,有时候我们想要把它放大来展示,只能复制粘贴到画图窗口中,有没有办法让它作为新的窗口出来呢? 那肯定是有...
  • layer UI 在弹出窗口下如何查看图片时,图片不受窗口的限制,能遮盖窗口, 全屏显示。目前遇到的问题是查看图片时图片只是在窗口的范围下面看,这样 图片看不全,不符合设计要求
  • 先说下业务场景,在数据库查出相应的项目展示出来,然后点击项目在百度地图上标注项目的地址,同时弹出窗口显示相关的信息。下面就来看看具体的实现: 1.引入百度地图相关的API,我这里选的是web的JavaScript API。...
  • spyder弹出窗口显示图片

    千次阅读 2019-07-03 08:51:26
    弹出窗绘图:可以交互式的放大、拖动图片,可进行动态绘图,并且能将图片保存成不同的格式。 Pycharm设置(如下图):设置好后直接生效。 Spyder设置(如下图):须重新启动后才能生效。 jupyter notebook设置(如...
  • function getViewportSize() { //可视区域的宽度和高度 return { width: document.documentElement.clientWidth, height: document.documentElement.clientHeight }; } class LayerMove { ...
  • QStringList szBtnList; m_pComboSetting = new QComboBox(this); szBtnList ("苹果") \ ("雪梨") \ ("进口的苹果"); m_pComboSetting->setMaximumWi
  • 有的时候在eclipse中Console窗口要手动点才会出来。 解决方案: 选择Window-->Preferences-->Run.Debug-->Console 勾选"Show when program writest to standard out"和"Show when program writes to standard ...
  • 方式 2 则可以交互式的放大、拖动图片,并且能将图片保存成不同的格式 在终端窗口中输出图片的命令是: In [1]: %matplotlib inline 在图片窗口表现图片的命令是: 在python3的版本中是qt5 In [...
  • 方法一在最近的项目中,遇到一个问题,要实现这样的效果: 点pic_small.Aspx页面的缩略图后弹出pic_all.aspx页面,pic_all.aspx页面的大小要根据图片大小自动调整,而且要有图片的说明信息,还可以点上一幅和下一幅...
  • js点击图片弹出框能够放大图片

    万次阅读 2018-02-28 11:41:48
    /*获取当前点击图片的真实大小,并显示弹出层及大图*/ $("<img/>").attr("src", src).load(function(){ var windowW = $(window).width();//获取当前窗口宽度 var windowH = $(window).height();//获取当前...
  • 最近在项目中用到弹出窗口的功能,花了一些时间,就想做一个通用点的弹出窗口,这样大家就可以拿去直接用。如果正好你也需要做一个弹出框的功能,这个代码正适合你。 一、弹窗效果 这个弹出窗是结合了搜集的资料...
  • js写的方法,里边用window.open()弹出新的窗口显示页面,但是出现的问题是新页面没在床 口内,而窗口弹出了显示的是空白,是什么毛病?各位大神帮帮忙吧!
  • layui弹出层根据屏幕大小选择弹出层大小 //弹出层方法 layer.open({ title: '明细', type: 2, content: 'detail.html, area: screen() &amp;lt; 2 ? ['90%', '80%'] : ['1280px', '720px'], }); //判断...
  • 百度地图提供的信息窗口风格与项目不符,UI设计出来的太高端。 效果图如下: var points=[ {"lng":111.188261,"lat":34.791984,"count":50,'type':2,'name':'巴奴毛肚','address':'郑州市金水区正弘城'}, {...
  • 当layer弹窗设置了maxmin参数后,点击放大按钮后,页面不会自动适应。下面为解决方法: layer.open({ type:2, title:'', ...其中标红的为关键,不管弹出框需不需要按钮,都要 加一个btn参数 ...
  • //设置#bigimg元素的src属性 /*获取当前点击图片的真实大小,并显示弹出层及大图*/ $("").attr("src", src).load(function(){ var windowW = $(window).width();//获取当前窗口宽度 var windowH = $(window).height...
  • 因为这样才能够在弹出窗口的右上角加上最大化按钮,如图: 然后根据你的name属性,来找到当前的对象,有一个maximize方法,在初始化的时候执行该方法,就相当于点击了上图的最大化按钮,所以一加载的时候会将弹出框...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 24,865
精华内容 9,946
关键字:

弹出的小窗口无法放大