zoukankan      html  css  js  c++  java
  • 万能提示页面

    提示是项目中最常用到的。一般有弹窗,页面两种大类型。

    下面是一个万能提示页面。具体需求,可以具体定制。

    <!doctype html>
    <html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="format-detection"content="telephone=no, email=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="format-detection" content="telphone=no, email=no" />
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <link href="/Public/Partner/weixin/css/style.css" type="text/css" rel="stylesheet" />
        <link href="http://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
        <script src="/Public/Partner/weixin/js/jquery-1.9.1.min.js" type="text/javascript"></script>
    
    </head>
    <script>
        function closeWeiBrowser(){
            wx.closeWindow();
        }
    
    </script>
    <body>
        <div id="wrap">
            <!--content start-->
            <div class="content">
                <div class="perfect-info">
    
                    <div class="perfect-info-cont">
                        <div class="alert-font">
                            <h1>{$alert}</h1>
                        </div>
                        <div class="alert-info-btn">
                            <?php
                                $urlConfig = array(
                                    'order'=>array('url'=>'/partner.php/Home/User/order.html','btnv'=>'我的订单'),
                                    'editinfo'=>array('url'=>'/partner.php/Home/User/viewInfo.html','btnv'=>'确认提交'),
                                    'sendmesg'=>array('url'=>'/partner.php/Home/User/systemInfo.html','btnv'=>'确认')
                                );
                                $arr = $urlConfig[$_GET['config']];
                                if($_GET['reffer']){
                                    echo '<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>';
                                    echo '<input type="button" onclick = "closeWeiBrowser()" class = "closeweb" value="关闭" />';
                                }else{
                                    echo '<a href = "'.$arr['url'].'" style="display:block;text-align: center;line-height: 43px">'.$arr['btnv'].'</a>';
                                }
                            ?>
    
                        </div>
                    </div>
                   
                </div>
            </div>
            <!--content end-->
               
        </div>
    </body>
    </html>

    我这里主要是定制了,提示语,跳转URL 和跳转按钮的文字。由于提示语可能存在各种环境中,所以我选择了,页面跳转时候,带在地址栏,配置进来反而不方便。

    JS 万能删除提示

    $(function(){
        //公共提示删除框
        $('.confirm_bin').click(function(){
            var r=confirm("确定删除此项?")
            if (r==true)
            {
                window.location.href = $(this).attr('href');
            }else{
                return false;
            }
    
        })
    })

    页面上a标签只要 class = "cinfirm_bin"就好了。

    onkeyup="if(/D/.test(this.value)){this.value='';}"

    积累知识,分享知识,学习知识。
  • 相关阅读:
    vue excel 二进制文件导出
    小程序 input 批量监听
    vue-cli3 环境配置
    vue 同一浏览器只允许登录一个账号的解决办法
    vue ueditor 百度富文本
    视频分享
    vue、react、mpvue、node、ng视频教程以及项目
    【转】 值得推荐的C/C++框架和库 (真的很强大)
    C# 验证过滤代理IP是否有效
    【转】 C#学习笔记14——Trace、Debug和TraceSource的使用以及日志设计
  • 原文地址:https://www.cnblogs.com/bin-pureLife/p/4268851.html
Copyright © 2011-2022 走看看