打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
弹出交互对话框,可以输入内容提交的弹出框


<a class="btn btn-xs btn-danger divadd" id="{$vo.id}">{:lang('已处理')}</a>

<div id="popup_overlay" style="display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #8FB0D1; -moz-opacity: 0.8; opacity: 0.8; z-index: 1001; filter: alpha(opacity=40); background: rgb(0, 0, 0); opacity: 0.5;"></div>

        <div id="popup_container" style="display: none; position: fixed; z-index: 99999; padding: 0px; margin: 0px; min-width: 300px; max-width: 400px; top: 50px; left: 454.5px;background-color:blue;">

            <br />

            <div id="popup_title" style="font-size: 20px;color:white;width:50%;margin:0 auto;text-align: center;">回执</div>

            <div id="popup_content" class="confirm" style="margin-top: 0px;background-color:white;">

                <div id="popup_message">

                    <div style="width: 350px;">

                        <hr style="margin: 10px 0;" />

                        <div id="divswitchinfo" style="margin-bottom: 8px;"></div>

                        <div style="height: 200px; width: 350px;" id="diviframe">

<form action="/admin/order/operation" method="post" enctype="multipart/form-data" class="js-ajax-form">

<input type="hidden" name="id" id="id"/>

<input type="hidden" name="status" value="2" />

                            <div id="divContract">

                                <div id="pContract" style="width:50%;margin:0 auto;">

                                    <font color="red">*</font>快递名称及单号:<input type="text"  style="width: 200px" name="bill"><br />

                                    <br />

                                    <div class="input">

              <label class="upload-input imga">

                <span class="upload-btn">上传回执单</span>

                <input type="file" class="inputfile" accept="image/*" name="backreturn"  id="book-file" onchange="show(this)"/>

              </label><img id="book-pic" src="" style="display:none;width:80px;height:80px;">

                                </div>

                                <div id="popup_panel" style="clear: both">

                                <button type="submit" class="btn btn-primary " id="popup_ok2">{:lang('确定')}</button>

                    <input type="button" class="btn btn-default" value=" 取消 " id="popup_cancel2" />

</form>

                </div>

                            </div>

                              </div>

                    </div>

                </div>

            </div>

        </div>

</div>

<script src="__STATIC__/js/admin.js"></script>

<script type="text/javascript">

$('.table img').zoomify();

function show(f) {

        var rd = new FileReader();//创建文件读取对象

        var files = f.files[0];//获取file组件中的文件

        rd.readAsDataURL(files);//文件读取装换为base64类型

        rd.onloadend = function(e) {

            //加载完毕之后获取结果赋值给img

            document.getElementById("book-pic").src = this.result;

        }

        $("#book-pic").css("display","inline-block").siblings(".upload-input").css("display","none");

    }

     $(function () {

      $("#book-pic").click(function(){

      $("#book-file").click();

      });

 //显示DIV

            $(".divadd").click(function(){

            $("#popup_overlay").css("display","block");

            $("#popup_container").css("display","block");

            $("#id").val($(this).attr('id'));

            });

            //弹窗取消按钮

            $("#popup_cancel2").click(function () {

                $("#popup_container").hide();

                $("#popup_overlay").hide();

            });

            $("#popup_ok2").click(function () {

                $("#popup_container").hide();

                $("#popup_overlay").hide();

            });

        });

</script>

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
javaScript——案例演示:弹出模态框
Javascript
js面向对象实现Tab切换
jQuery点击弹出登录窗口代码
手把手教你用jQuery Mobile做相册
js弹出层、遮罩、div层的几种效果
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服