日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

彈出交互對(duì)話(huà)框,可以輸入內(nèi)容提交的彈出框

 好好學(xué)戲 2019-03-24


<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;">回執(zhí)</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>快遞名稱(chēng)及單號(hào):<input type="text"  style="width: 200px" name="bill"><br />

                                    <br />

                                    <div class="input">

              <label class="upload-input imga">

                <span class="upload-btn">上傳回執(zhí)單</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();//創(chuàng)建文件讀取對(duì)象

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

        rd.readAsDataURL(files);//文件讀取裝換為base64類(lèi)型

        rd.onloadend = function(e) {

            //加載完畢之后獲取結(jié)果賦值給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>

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶(hù)發(fā)布,不代表本站觀(guān)點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶(hù) 評(píng)論公約

    類(lèi)似文章 更多