精华内容
下载资源
问答
  • web弹窗仿ios

    2018-06-01 13:02:14
    HTML代码:<div class="bigAlertBox"></div> <div class="alertShowOpen"... 温馨提示 </div> <div class="f

    HTML代码:

    <div class="bigAlertBox"></div>
    <div class="alertShowOpen">
        <div class="forwardAlertTitle">
            温馨提示
        </div>
        <div class="forwardAlertContent"></div>
        <div class="forwardCloseAlert" οnclick="closeContoner()">确定</div>
    </div>

    scss代码:

    .bigAlertBox{
      display: none;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      background-color: black;
      opacity: .4;
      z-index: 8;
    }
    .alertShowOpen{
      display: none;
      z-index: 9;
      width: rem(700);
      height: rem(350);
      border: 1px solid #EDEDED;
      border-radius: rem(25);
      background-color: white;
      position: absolute;
      top: rem(300);
      left: rem(24);
      .forwardAlertTitle{
        float: left;
        width: 100%;
        height: rem(100);
        background-color: transparent;
        text-align: center;
        line-height: rem(150);
        font-size: rem(40);
      }
      .forwardAlertContent{
        float: left;
        width: 100%;
        height: rem(150);
        line-height: rem(150);
        background-color: transparent;
        border-bottom: 1px solid #F2F2F2;
        text-align: center;
        font-size: rem(30);
      }
      .forwardCloseAlert{
        width: 100%;
        height: rem(100);
        float: left;
        background-color: transparent;
        text-align: center;
        line-height: rem(100);
        font-weight: bold;
        font-size: rem(40);
      }
    }

    Js代码:

    $('.bigAlertBox').show();
    $('.alertShowOpen').show();
    $('.forwardAlertContent').text('这里是弹窗要提示的文案哦~');

    展开全文
  • 默认提供气泡、提示框、询问框三种常用对话框,还可以自己实例化新的弹窗对象,并轻松自定义新的皮肤样式。 II. 基础篇 1. FreeDialog.tipsDialog的使用 /** * FreeDialog.tips(content, [time]); * 弹出一个没有...
  • selenium定位web提示弹窗

    千次阅读 2019-12-17 14:35:54
    提示闪太快,来不及定位怎么办? F12打开控制台助您圆梦 点击登录的时候打开暂停调试 (菜鸡流下了感人的泪水

    在这里插入图片描述

    提示闪太快,来不及定位怎么办?

    在这里插入图片描述

    F12打开控制台助您圆梦

    点击登录的时候打开暂停调试

    (菜鸡流下了感人的泪水

    展开全文
  • 需求:layer.confirm(content, options, yes, cancel) - 询问框 ...', {icon: 3, title:'提示'}, function(index){ //do something layer.close(index); }); //eg2 layer.confirm('is not?'...

    文档地址:https://www.layui.com/doc/modules/layer.html#layer.confirm

    需求:end - 层销毁后触发的回调

    需求:自定义按钮

    //eg1       
    layer.confirm('纳尼?', {
      btn: ['按钮一', '按钮二', '按钮三'] //可以无限个按钮
      ,btn3: function(index, layero){
        //按钮【按钮三】的回调
      }
    }, function(index, layero){
      //按钮【按钮一】的回调
    }, function(index){
      //按钮【按钮二】的回调
    });
     
    //eg2
    layer.open({
      content: 'test'
      ,btn: ['按钮一', '按钮二', '按钮三']
      ,yes: function(index, layero){
        //按钮【按钮一】的回调
      }
      ,btn2: function(index, layero){
        //按钮【按钮二】的回调
        
        //return false 开启该代码可禁止点击该按钮关闭
      }
      ,btn3: function(index, layero){
        //按钮【按钮三】的回调
        
        //return false 开启该代码可禁止点击该按钮关闭
      }
      ,cancel: function(){ 
        //右上角关闭回调
        
        //return false 开启该代码可禁止点击该按钮关闭
      }
    });
    

    需求:layer.confirm(content, options, yes, cancel) - 询问框

    //eg1
    layer.confirm('is not?', {icon: 3, title:'提示'}, function(index){
      //do something
      
      layer.close(index);
    });
    //eg2
    layer.confirm('is not?', function(index){
      //do something
      
      layer.close(index);
    });       
            
    

    需求:layer.confirm(content, options, yes, cancel) - 询问框

    //eg1
    layer.confirm('is not?', {icon: 3, title:'提示'}, function(index){
      //do something
      
      layer.close(index);
    });
    //eg2
    layer.confirm('is not?', function(index){
      //do something
      
      layer.close(index);
    });       
    
    展开全文
  • 弹窗提示框关闭及页面局部刷新

    千次阅读 2019-01-08 10:46:35
    设置d4局部刷新   &lt;!DOCTYPE html&gt; &lt;html&gt; &...layer-更懂你的web弹窗解决方案&lt;/title&gt;  &lt;style&gt;  .box1{width: 200px;height

    设置d4局部刷新

     

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>layer-更懂你的web弹窗解决方案</title>

      <style>
          .box1{width: 200px;height: 100px;background: #ccc}
          .box2{width: 200px;height: 100px;background: #ccc}
          .left1{width: 100px;height: 100px;float: left;background: orange}
          .right1{width: 100px;height: 100px;float: right;background: green}
          .left2{width: 100px;height: 100px;float: left;background: pink}
          .right2{width: 100px;height: 100px;float: right;background: purple}
      </style>
      
      <script src="layer/jquery-1.11.3.min.js"></script>
      <script src="layer/layer.js"></script>
    </head>
    <body>
    <div class="box1">
        <div class="left1" οnclick="d1()">1</div>
        <div class="right1" οnclick="d2()">2</div>
    </div><br>
    <div class="box2">
        <div class="left2" οnclick="d3()">3</div>
        <div class="right2" οnclick="d4()">4</div>
    </div>
    <script>
        function d1() {
            layer.open({
                title: '在线调试'
                ,content: '姓名:<input type="text"><br>' +
                '年龄:<input type="text"><br>' +
                '毕业学院:<input type="text"><br>' +
                '工作单位:<input type="text"><br>' +
                '爱好:<input type="text"><br>'

            });
        }
        function d2() {
            layer.confirm('姓名:<input type="text"><br>' +
                '年龄:<input type="text"><br>' +
                '姓名:<input type="text"><br>' +
                '年龄:<input type="text"><br>' +
                '姓名:<input type="text"><br>' +
                '年龄:<input type="text"><br>' +
                '姓名:<input type="text"><br>' +
                '年龄:<input type="text"><br>', function(index){
                //do something
                layer.confirm('是否确认提交?', function(index){
                    //do something
                    layer.close(index);
                });
            });
        }

    //window.parent.location.reload('.box');
        // window.parent.location.reload();

        // var index = parent.layer.getFrameIndex(window.name);
        // parent.layer.close(index);

    </script>
    <script>
        function d3() {
                layer.prompt({
                    formType: 2,
                    value:'测试',
                    title: '请填写信息',
                    area: ['800px', '350px'] //自定义文本域宽高
                }, function(value, index, elem){
                    confirm("确认输出吗?"+value); //得到value
                    layer.close(index);
                });

        }
        function d4() {
            layer.confirm("请问是否确定删除,删除后不可恢复?", {
                content:'name:<input type="text"><br>' +
                        'name:<input type="text"><br>' +
                        'name:<input type="text"><br>' +
                        'name:<input type="text"><br>' +
                        'name:<input type="text"><br>',
                btn: ["确定","取消"] //按钮
            }, function(){
                confirm('确定吗?');
                layer.closeAll('dialog');
            }, function(){

            });
        }
        // window.parent.location.reload();

        //setTimeout('self.loc ation.reload();',1000);

       //页面局部刷新
        var refreshTime = "500";// 页面数据刷新定时单位为ms
        $(document).ready(function() {
            var i = 0;
            $(function() {
                /*
                 * 页面定时器代码……
                 */
                setInterval(function() {
                    $(".right2").load(location.href + " .right2");// 注意后面DIV的ID前面的空格,很重要!没有空格的话,会出双眼皮!(也可以使用类名)
                }, refreshTime);
            });
        });

    </script>
    </body>
    </html>

     

     

    页面刷新

    <h1 id="test">框架内页面123</h1>
    <button onclick="fresh()">框架内刷新</button>
    
    <script>
    
        setInterval(test, 1000);
        function fresh(){
            // 框架内页面刷新:可实现局部刷新与整个页面重定向
            self.location.reload();  //刷新框架内页面
            // window.parent.location.href='http://koushuling.top'; //页面重定向
        }
    </script>

     

    展开全文
  • 简介:这是一个关于web一键打印小票,标签的dome,已在线上项目中正常使用 功能:1、自动检测lodop是否正常,不正常提示安装lodop控件 2、自动获取电脑上的所有打印机供选择和一键打印 3、可将打印机设置为默认...
  • WEB前端JS弹窗

    千次阅读 2017-06-07 20:50:33
    js弹出框、对话框、提示框、弹窗总结 一、JS的三种最常见的对话框 [javascript] view plaincopy //====================== JS最常用三种弹出对话框 ====================...
  • 1 如果仅仅是提示功能的单个按钮的弹窗的功能,我们可以用 if (通过调用域对象中的函数做相应的判断 )然后是根据我们想要的提示信息来作为相应的选择(一半用alert(“相应的提示信息”)); 2 如果是想要有两个...
  • 由倒数第五行设置,勾选PHP,ASP,JSP提示正确,否则错误 <meta ...charset=UTF-8;" /> <!... ...form action="" method="post">...以下属于Web开发语言的有哪几种?<br/> &l...
  • web开发中常用到的右下角弹窗代码,当有提示类信息时从右下角弹出一个窗体,目前只支持ie,其它有兼容问题,如有解决者请赐教,感激不尽!!!
  • web 后台管理 消息弹窗实现

    千次阅读 2018-03-13 19:21:53
    做网站后台管理保存消息或者删除数据,完成操作时能够给用户一个很好的信息提示:操作成功或者操作失败等等,,, 说明: **listInfo.action 展示方法 完成之后跳转到展示信息主页 saveInfo.action 保存方法**...
  • ASP.NET利用ajax实现弹窗报警提示,邮件到达示例 在web开发中,我们会经常用到一些提示,比如EMAIL到达了,就做个象MSN那样的提示框,弹出给用户提示,然后再关闭。在asp.net 2.0的ajax中,这个现在不难...
  • 在ASP.NET中实现弹窗报警提示 在 web应用中,比如OA中,经常要用到一些提示,比如EMAIL到达了,就做个象MSN那样的提示框,弹出给用户提示,然后再关闭。在asp.net 2.0的ajax中,这个现在不难做到了,刚好看到老外的...
  • Java怎么实现类似于QQ的腾讯新闻一样的提示信息?可以即时监听,比如A向B发布了一条事项,系统会即时检测到,从而在屏幕右下方弹出一个提示信息框来提醒B。
  • 最近公司要求把一个web工程在IE10下运行看是否兼容,运行后确实有很严重的兼容问题。工程在IE7,IE8,IE9,火狐等浏览器上运行,页面都没问题,在IE10下运行时当我点击按钮弹出窗口时候就弹不出,提示:SCRIPT438: ...
  •  在 web应用中,比如OA中,经常要用到一些提示,比如EMAIL到达了,就做个象MSN那样的提示框,弹出给用户提示,然后再关闭。在asp.net 2.0的ajax中,这个现在不难做到了,刚好看到老外的一篇文章,讲解到,...
  • 浏览器弹窗插件

    2013-12-31 08:52:25
    个人感觉做的比较好的一个弹窗插件,web开发中只需要根据里面的提示引入js即可,画面做的还是不错的。
  • web应用中,比如OA中,经常要用到一些提示,比如EMAIL到达了,就做个象MSN那样的提示框,弹出给用户提示,然后再关闭。在asp.net 2.0的ajax中,这个现在不难做到了,刚好看到老外的一篇 文章,讲解到,下面小结之...
  • 文章目录表单设计原则:当从一个 web 中通过链接打开新页面时,会有两种不同的方式: 表单设计原则: B端_PRD_表单设计 当从一个 web 中通过链接打开新页面时,会有两种不同的方式: 1.刷新当前页面,载入新页面; 2...
  • 有时候odoo的原生功能不能满足需求的时候,经常会使用自定义的js...var Dialog = require('web.Dialog'); //引入odoo的dialog弹窗对象 Dialog.confirm(self, '对话框内容', { title: '标题', confirm_callback: functi
  • web应用,比如OA,经常要用到一些提示,比如EMAIL到达了,就做个象MSN那样的提示框,弹出给用户提示,然后再关闭。在asp.net 2.0的ajax,这个现在不难做到了,下面小结 比如有个数据库表,是存放EMAIL的,当...
  • web应用中,比如OA中,经常要用到一些提示,比如EMAIL到达了,就做个象MSN那样的提示框,弹出给用户提示,然后再关闭。在asp.net 2.0的ajax中,这个现在不难做到了,刚好看到老外的一篇文章,讲解到,下面小结 ...
  • Web开发中,经常使用showModalDialog弹窗 今天遇到一个小问题,IE10中弹窗关闭之后提示SCRIPT5011:不能执行已释放的Script代码 网上搜罗了一些资料,发现大多都提到对象指针的事儿 而我开发的系统,有很多弹出...
  • http: www 52player com WebPlayer 2014 071637 html">仿新浪右下角视频弹窗播放器 视频弹出广告功能可以加视频广告链接 播放器功能 提示:请在IIS下或其它网站环境下测试 : 仿新浪右下角视频弹窗播放器 视频弹...

空空如也

空空如也

1 2 3 4 5 ... 9
收藏数 170
精华内容 68
关键字:

web弹窗提示