diff --git a/code/main.php b/code/main.php index 8c97ff1..8834682 100644 --- a/code/main.php +++ b/code/main.php @@ -53,7 +53,7 @@ $formFields.=RenderFieldCombo("Resolution","ddlResolution",$Resolutions,$Resolut $formFields.=RenderFieldCombo("Format","ddlFormat",$Formats,$Format); $formFields.=RenderFieldCombo("Size","ddlSize",$Sizes,$Size); $formFields.=RenderFieldCheckText("Cropping","chkCrop",$Crop,"txtCropFuzz",$CropFuzz); -$formFields.=RenderFieldButton("","btnScan","Scan"); +$formFields.=RenderFieldButton("","btnScan","Scan","var elem=document.getElementById('divLoadBack');elem.style.display='';"); $formFields.=RenderHidden("hidScanDevice",$Scanner["ScanDevice"]); $formFields.=RenderHidden("hidScanModel",$Scanner["ScanModel"]); $columns=""; @@ -64,6 +64,7 @@ if($DestFile!=null){ } $columns.=renderDiv("divColRight",$result); $columns.=RenderCommandLog(); +$columns.=RenderDiv("divLoadBack",RenderDiv("divLoading","Loading","divLoading"),"divLoadBack","display:none;"); echo RenderForm("frmMain",$columns); diff --git a/images/loading.gif b/images/loading.gif new file mode 100644 index 0000000..d256f80 Binary files /dev/null and b/images/loading.gif differ diff --git a/style.css b/style.css index 38101ab..b2c1e3d 100644 --- a/style.css +++ b/style.css @@ -113,6 +113,33 @@ form{ border: solid 1px rgb(32,32,32); } +.divLoadBack{ + position: fixed; + top: 0px; + bottom: 0px; + left: 0px; + right: 0px; + background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%; +} + +.divLoading{ + display: block; + left: 50%; + position: absolute; + top: 50%; + border: 1px solid black; + padding: 10px 10px 10px 50px; + box-sizing: border-box; + line-height: 30px; + width: 150px; + text-align: center; + height: 50px; + margin: -25px auto 0px -75px; + background-image: url("images/loading.gif"); + background-repeat: no-repeat; + background-position: 25px; +} + .width100px { width: 100px; max-width: 100%;