button to upload the file:
<type= "file"/>
file is meant to be submitted
Each viewer is displayed in a different way.
Mask layer: Set two IDs
<styletype= "Text/css">#bg{Display:None;position:Absolute;Top:0%; Left:0%;width:100%;Height:100%;Background-color:Black;Z-index:1001;Opacity:0.7;Opacity:.;Filter:Alpha (opacity=70);}#show{Display:None;position:Absolute;Top:25%; Left:22%;width:53%;Height:49%;padding:8px;Border:8px Solid #E8E9F7;Background-color: White;Z-index:1002;Overflow:Auto;} </style>
Body part
<inputID= "Btnshow"type= "button"value= "Show"onclick= "Showdiv ();" /> <DivID= "BG"></Div> <DivID= "Show">Test<inputID= "Btnclose"type= "button"value= "Close"onclick= "Hidediv ();" />
JS section
<Scriptlanguage= "JavaScript"type= "Text/javascript"> functionShowdiv () {document.getElementById ("BG"). Style.display= "Block"; document.getElementById ("Show"). Style.display= "Block"; } functionHidediv () {document.getElementById ("BG"). Style.display= 'None'; document.getElementById ("Show"). Style.display= 'None'; } </Script>
:
Where BG is masking layer, set transparency and hide
Show is a white framed
HTML button Implementation!!! File Upload, masking layer