Project needs a simple web APP pop-up window

varDiag ={showdlg:‘‘,//div that needs to be displayedRushdiv: "<div id=v style= ' top:0;position:absolute;z-index:99;background: #000;d isplay:none;opacity:0.5; ' ></div> ", Digid:0, Init:function() {$ (document.body). Append (Diag.rushdiv); varBDW = $ ("Body"). width (); varBDH =Document.body.scrollHeight $ ("#v"). CSS ("width"), BDW); $("#v"). CSS ("height"), BDH); }, run:function(JSON) {//Open Mask Layer firstDiag.init (); Diag.digid=Json.digid; $("#" +diag.digid). CSS ("Top", Document.body.scrollTop); $("#" +diag.digid). CSS ("Z-index", 100); $("#" +diag.digid). CSS ("position", ' absolute '); $("#"+diag.digid). Show (); $("#v"). Show (); }, Close:function(){        $("#"+diag.digid). Hide (); $("#v"). Hide (); }}

Usage

<DivID= "Addhybox"style= "Display:none;width:100%;height:200px;background: #fff;"> <Divstyle= "background: #07c2ff; width:100%;height:60px;"><spanID= "Closedialog"style= "Float:right;margin-right:10px;color: #fff"><imgsrc= "__public__/msw/images/sc-icon.png"style= "width:30px;height:30px"></span></Div>         <Divstyle= "float:left;width:40%;">        <inputtype= "File"Capture= "Camera"Accept= "image/*"ID= "Camerainput"name= "Camerainput" >    </Div>    <Divstyle= "float:left;width:20%;"><imgID= "IMGPRV"data-b64=""style= "width:120px;height:120px"></Div>    <Divstyle= "float:right;width:20%;p adding-left:30px;padding-top:30px;"><imgID= "OK"src= "__public__/msw/images/cg-icon.png"style= "width:40px;height:40px"></Div></Div>

Project needs a simple web APP pop-up window