tsurutafile/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                 <script type ="text/javascript" src="JS/stagecontrol.js"></script>
  12                 <script type ="text/javascript" src="JS/mscontrol.js"></script>
  13                 <script type ="text/javascript" src="JS/Currentcondition.js"></script>
  14                 <script type ="text/javascript" src="JS/EucentricHeight.js"></script>
  15                 <script type ="text/javascript" src="JS/changedisplay.js"></script>
  16                 <script type="text/javascript"></script>
  17         </head>
  18         <body>
  19
  20                 <b>V</b>irtual <b>E</b>lectron <b>M</b>icroscope Client
  21
  22                 <form id="temselect" name="temselect" action="#" onsubmit="return false;">
  23                         <input type="hidden" id="teminfo" name="teminfo" value="none"></input>
  24                         <input type="button" name="submit" id="HITACHI" onclick="TemControl('Connect','HITACHI');"></input>
  25                         <input type="button" name="submit" id="FEI" onclick="TemControl('Connect','FEI');"></input>
  26                         <input type="button" name="submit" id="JEOL" onclick="TemControl('Connect','JEOL');"></input>
  27                 </form>
  28                 <br>
  29                 <div id="connection" style="width:600px; height:20px; border:3px inset; margin:0 auto">
  30
  31                 </div>
  32
  33
  34                 <div id="container">
  35
  36                         <div id="leftside">
  37
  38         <p>The EM Image</p>
  39         <div id="result" style="margin:0 auto; width:400px; height:400px; padding:10px; border:3px solid">The EM-Image from instrument.</div>
  40
  41         <form id="cameracontrol" name="cameracontrol" action="#" onsubmit="return false;">
  42                 <input type="hidden" id="fileurl" name="fileurl" value="none"></input>
  43
  44                 <br>
  45                 <input type="button" style="width:150px;" name="submit" value="Initialization" onclick="TemControl('Control','initialization');"></input>
  46                 <input type="button" style="width:150px;" name="submit" value="Finalization" onclick="TemControl('Control','finalization');"></input>
  47                 <br>
  48
  49                 <div id="takephoto">
  50                         <div id="left">
  51                                 <p>Input<input type="text" name="input" class="box" size="30"></input>
  52                                 <br>
  53                                 Output<input type="text" name="output" class="box" size="30"></input>
  54                                 </p>
  55                         </div>
  56                         <br>
  57                         <div id="right">
  58                                 <input type="button" style="width:150px;" name="submit" value="TakePhoto" onclick="TemControl('TakePhoto',document.cameracontrol.input.value+':'+document.cameracontrol.output.value);">
  59                         </div>
  60                         <p class ="clearRight" />
  61
  62                 </div>
  63
  64                 <div id="download">
  65
  66                         <div id="left">
  67                                 <p>Mode<input type="text" name="mode" class="box" size="30"></input>
  68                                 <br>
  69                                 DL<input type="text" name="dlname" class="box" size="30"></input>
  70                                 </p>
  71                         </div>
  72                         <br>
  73                         <div id="right">
  74                                 <input type="button" style="width:150px;" name="submit" value="Download" onclick="filewrite();">
  75                                 <p id="link"></p>
  76                         </div>
  77                         <p class ="clearRight" />
  78                 </div>
  79          <div id="left">
  80                         <div id="stagecontrol">
  81
  82                                 <br>
  83                                 Absolute coordinate
  84                                 <p>move x <input type="text" name="x" class="box" size="30" ></input>
  85                                 <br>
  86                                 move y <input type="text" name="y" class="box" size="30"></input>
  87                                 <br>
  88                                 move z <input type="text" name="z" class="box" size="30"></input>
  89                                 <br>
  90                                 tilt a <input type="text" name="a" class="box" size="30"></input>
  91                                 <br>
  92                                 </p>
  93                         </div>
  94                                 <br>
  95                                 <p>Brightnessset(0～200)
  96                                                 <input type="number" name="brightness"></input></p>
  97                                 <p>Voltageset (0～120kV)
  98                                                 <input type="number" name="voltage"></input></p>
  99                                 <br>
 100                                 <div id="EucentricHeight">
 101                                 <p>Eucentric Height<br>
 102                                                 max:<input type="number" name="max1"></input><span id="max"></span><br>
 103                                                 speed:<input type="number" name="speed"></input><span id="speed"></span><br>
 104                                                 zshift:<input type="number" name="place"></input><span id="place"></span><br>
 105                                                 <input type="submit" name="start" style="width: 100px" value="start" onclick="EucentricHeight('EucentricHeight',max1.value,speed.value,place.value)"></input>
 106                                                 <input type="submit" name="stop" style="width: 100px" value="stop"></input>
 107                                 </p>
 108                                 </div>
 109                         </div>
 110
 111                         <div id="right">
 112                         <br>
 113                         <br>
 114                         <br>
 115                         <br>
 116                                  <input type="button" style="width:150px;" name="submit" value="Detailset" onclick="stagecontrol('detailcatch',x.value,y.value,z.value,a.value)"></input>
 117                                         <br>
 118                                  <input type="button" style="width:150px;" name="submit" value="Autoset" onclick="alert('Under construction! Only use Detailset!')"></input>
 119                         <br>
 120                         <br>
 121                         <br>
 122                         <br>
 123                                  <input type="button" style="widrh:150px;" name="submit" value="Brightnessset" onclick="mscontrol('Brightnessset',brightness.value)"></input>
 124                                  <br>
 125                                         <br>
 126                                  <input type="button" style="widrh:150px;" name="submit" value="Voltageset" onclick="mscontrol('Voltageset',voltage.value)"></input>
 127                         </div>
 128          </div>
 129                 </div>
 130         </form>
 131                         </div>
 132                         <div id="rightside">
 133         <p>TEM Control Command</p>
 134         <div id="command" style="width:340px; height:570px; padding:10px; border:6px outset">The EM-control commandset.
 135         <br>
 136         <br>
 137         <div id="detail"></div>
 138         </div>
 139
 140          <br>
 141
 142         <p>Current condition</p>
 143         <input type="button" value="push" onClick="Currentcondition('request')"></input>
 144         <div id="condition" style="width:340px; height:250; padding:10px; border:6px outset">
 145         <div id="Position">Position: </div>
 146         <div id="Magnificant">Magnificant: </div>
 147         <div id="Brightness">Brightness:</div>
 148         <div id="Contrast">Contrast: </div>
 149         <div id="Forcus">Focus:  </div>
 150         <div id="Voltage">Voltage: </div>
 151         </div>
 152
 153                                 <br>
 154                                 <form name="form1" method="post" action="#">
 155                                 <p>Set Lenz</p>
 156                                 <input type="button" value="detailindication" onclick="changedisplay()"></input><br>
 157                                 <p id="lenzdetail" style="display: none;">
 158                                                 C1:<input type="number" name="c1">% </input>
 159                                                 C2:<input type="number" name="c2">%</input>
 160                                                 <br>
 161                                                 C3:<input type="number" name="c3">% </input>
 162                                                 C4:<input type="number" name="c4">%</input>
 163                                                 <br>
 164                                                 Obj1:<input type="number" name="obj1">% </input>
 165                                                 Int1:<input type="number" name="int1">% </input>
 166                                                 <br>
 167
 168                                 </p>
 169                                 </form>
 170
 171                         </div>
 172                 </div>
 173
 174         </body>
 175 </html>