vem.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <title>VEM Control Interface</title>
   6     <link rel="stylesheet" type="text/css" href="CSS/vemclient.css">
   7     <script type ="text/javascript" src="JS/ajax.js"></script>
   8     <script type ="text/javascript" src="JS/TemControl.js"></script>
   9     <script type ="text/javascript" src="JS/filecontrol.js"></script>
  10     <script type ="text/javascript" src="JS/filedownload.js"></script>
  11   </head>
  12   <body>
  13
  14     <b>V</b>irtual <b>E</b>lectron <b>M</b>icroscope Client
  15
  16     <form id="temselect" name="temselect" action="#" onsubmit="return false;">
  17       <input type="hidden" id="teminfo" name="teminfo" value="none"></input>
  18       <input type="button" name="submit" id="HITACHI" onclick="TemControl('Connect','HITACHI');"></input>
  19       <input type="button" name="submit" id="FEI" onclick="TemControl('Connect','FEI');"></input>
  20       <input type="button" name="submit" id="JEOL" onclick="TemControl('Connect','JEOL');"></input>
  21     </form>
  22     <br>
  23     <div id="connection" style="width:600px; height:20px; border:3px inset; margin:0 auto">
  24
  25     </div>
  26
  27
  28     <div id="container">
  29
  30       <div id="leftside">
  31
  32         <p>The EM Image</p>
  33         <div id="result" style="margin:0 auto; width:400px; height:400px; padding:10px; border:3px solid">The EM-Image from instrument.</div>
  34
  35         <form id="cameracontrol" name="cameracontrol" action="#" onsubmit="return false;">
  36           <input type="hidden" id="fileurl" name="fileurl" value="none"></input>
  37
  38           <br>
  39           <input type="button" style="width:150px;" name="submit" value="Initialization" onclick="TemControl('Control','initialization');"></input>
  40           <input type="button" style="width:150px;" name="submit" value="Finalization" onclick="TemControl('Control','finalization');"></input>
  41           <br>
  42
  43           <div id="takephoto">
  44             <div id="left">
  45               <p>Input<input type="text" name="input" class="box" size="30"></input>
  46               <br>
  47               Output<input type="text" name="output" class="box" size="30"></input>
  48               </p>
  49             </div>
  50             <br>
  51             <div id="right">
  52               <input type="button" style="width:150px;" name="submit" value="TakePhoto" onclick="TemControl('TakePhoto',document.cameracontrol.input.value+':'+document.cameracontrol.output.value);">
  53             </div>
  54             <p class ="clearRight" />
  55           </div>
  56
  57           <div id="download">
  58             <div id="left">
  59               <p>Mode<input type="text" name="mode" class="box" size="30"></input>
  60               <br>
  61               DL<input type="text" name="dlname" class="box" size="30"></input>
  62               </p>
  63             </div>
  64             <br>
  65             <div id="right">
  66               <input type="button" style="width:150px;" name="submit" value="Download" onclick="filewrite();">
  67               <p id="link"></p>
  68             </div>
  69             <p class ="clearRight" />
  70           </div>
  71
  72         </form>
  73
  74         <br>
  75       </div>
  76
  77       <div id="rightside">
  78
  79         <p>TEM Control Command</p>
  80         <div id="command" style="width:340px; height:570px; padding:10px; border:6px outset">The EM-control commandset.</div>
  81
  82       </div>
  83
  84     </div>
  85
  86   </body>
  87 </html>