OSDN Git Service

replaced all files
[vem/WITs.git] / vem.html
diff --git a/vem.html b/vem.html
new file mode 100755 (executable)
index 0000000..7bd3e36
--- /dev/null
+++ b/vem.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="en">
+       <head>
+               <meta charset="utf-8">
+               <title>VEM Control Interface</title>
+               <link rel="stylesheet" type="text/css" href="CSS/vemclient.css">
+               <script type ="text/javascript" src="JS/ajax.js"></script>
+               <script type ="text/javascript" src="JS/TemControl.js"></script>
+               <script type ="text/javascript" src="JS/filecontrol.js"></script>
+               <script type ="text/javascript" src="JS/filedownload.js"></script>
+               <script type ="text/javascript" src="JS/stagecontrol.js"></script>
+               <script type ="text/javascript" src="JS/mscontrol.js"></script>
+               <script type ="text/javascript" src="JS/Currentcondition.js"></script>
+               <script type ="text/javascript" src="JS/EucentricHeight.js"></script>
+               <script type ="text/javascript" src="JS/changedisplay.js"></script>
+               <script type="text/javascript"></script>
+       </head>
+       <body>
+
+               <b>V</b>irtual <b>E</b>lectron <b>M</b>icroscope Client
+
+               <form id="temselect" name="temselect" action="#" onsubmit="return false;">
+                       <input type="hidden" id="teminfo" name="teminfo" value="none"></input>
+                       <input type="button" name="submit" id="HITACHI" onclick="TemControl('Connect','HITACHI');"></input>
+                       <input type="button" name="submit" id="FEI" onclick="TemControl('Connect','FEI');"></input>
+                       <input type="button" name="submit" id="JEOL" onclick="TemControl('Connect','JEOL');"></input>
+               </form>
+               <br>
+               <div id="connection" style="width:600px; height:20px; border:3px inset; margin:0 auto">
+
+               </div>
+
+
+               <div id="container">
+
+                       <div id="leftside">
+
+       <p>The EM Image</p>
+       <div id="result" style="margin:0 auto; width:400px; height:400px; padding:10px; border:3px solid">The EM-Image from instrument.</div>
+
+       <form id="cameracontrol" name="cameracontrol" action="#" onsubmit="return false;">
+               <input type="hidden" id="fileurl" name="fileurl" value="none"></input>
+
+               <br>
+               <input type="button" style="width:150px;" name="submit" value="Initialization" onclick="TemControl('Control','initialization');"></input>
+               <input type="button" style="width:150px;" name="submit" value="Finalization" onclick="TemControl('Control','finalization');"></input>
+               <br>
+
+               <div id="takephoto">
+                       <div id="left">
+                               <p>Input<input type="text" name="input" class="box" size="30"></input>
+                               <br>
+                               Output<input type="text" name="output" class="box" size="30"></input>
+                               </p>
+                       </div>
+                       <br>
+                       <div id="right">
+                               <input type="button" style="width:150px;" name="submit" value="TakePhoto" onclick="TemControl('TakePhoto',document.cameracontrol.input.value+':'+document.cameracontrol.output.value);">
+                       </div>
+                       <p class ="clearRight" />
+
+               </div>
+
+               <div id="download">
+
+                       <div id="left">
+                               <p>Mode<input type="text" name="mode" class="box" size="30"></input>
+                               <br>
+                               DL<input type="text" name="dlname" class="box" size="30"></input>
+                               </p>
+                       </div>
+                       <br>
+                       <div id="right">
+                               <input type="button" style="width:150px;" name="submit" value="Download" onclick="filewrite();">
+                               <p id="link"></p>
+                       </div>
+                       <p class ="clearRight" />
+               </div>
+        <div id="left">
+                       <div id="stagecontrol">
+
+                               <br>
+                               Absolute coordinate
+                               <p>move x <input type="text" name="x" class="box" size="30" ></input>
+                               <br>
+                               move y <input type="text" name="y" class="box" size="30"></input>
+                               <br>
+                               move z <input type="text" name="z" class="box" size="30"></input>
+                               <br>
+                               tilt a <input type="text" name="a" class="box" size="30"></input>
+                               <br>
+                               </p>
+                       </div>
+                               <br>
+                               <p>Brightnessset(0~200)
+                                               <input type="number" name="brightness"></input></p>
+                               <p>Voltageset (0~120kV)
+                                               <input type="number" name="voltage"></input></p>
+                               <br>
+                               <div id="EucentricHeight">
+                               <p>Eucentric Height<br>
+                                               max:<input type="number" name="max1"></input><span id="max"></span><br>
+                                               speed:<input type="number" name="speed"></input><span id="speed"></span><br>
+                                               zshift:<input type="number" name="place"></input><span id="place"></span><br>
+                                               <input type="submit" name="start" style="width: 100px" value="start" onclick="EucentricHeight('EucentricHeight',max1.value,speed.value,place.value)"></input>
+                                               <input type="submit" name="stop" style="width: 100px" value="stop"></input>
+                               </p>
+                               </div>
+                       </div>
+
+                       <div id="right">
+                       <br>
+                       <br>
+                       <br>
+                       <br>
+                                <input type="button" style="width:150px;" name="submit" value="Detailset" onclick="stagecontrol('detailcatch',x.value,y.value,z.value,a.value)"></input>
+                                       <br>
+                                <input type="button" style="width:150px;" name="submit" value="Autoset" onclick="alert('Under construction! Only use Detailset!')"></input>
+                       <br>
+                       <br>
+                       <br>
+                       <br>
+                                <input type="button" style="widrh:150px;" name="submit" value="Brightnessset" onclick="mscontrol('Brightnessset',brightness.value)"></input>
+                                <br>
+                                       <br>
+                                <input type="button" style="widrh:150px;" name="submit" value="Voltageset" onclick="mscontrol('Voltageset',voltage.value)"></input>
+                       </div>
+        </div>
+               </div>
+       </form>
+                       </div>
+                       <div id="rightside">
+       <p>TEM Control Command</p>
+       <div id="command" style="width:340px; height:570px; padding:10px; border:6px outset">The EM-control commandset.
+       <br>
+       <br>
+       <div id="detail"></div>
+       </div>
+
+        <br>
+
+       <p>Current condition</p>
+       <input type="button" value="push" onClick="Currentcondition('request')"></input>
+       <div id="condition" style="width:340px; height:250; padding:10px; border:6px outset">
+       <div id="Position">Position: </div>
+       <div id="Magnificant">Magnificant: </div>
+       <div id="Brightness">Brightness:</div>
+       <div id="Contrast">Contrast: </div>
+       <div id="Forcus">Focus:  </div>
+       <div id="Voltage">Voltage: </div>
+       </div>
+
+                               <br>
+                               <form name="form1" method="post" action="#">
+                               <p>Set Lenz</p>
+                               <input type="button" value="detailindication" onclick="changedisplay()"></input><br>
+                               <p id="lenzdetail" style="display: none;">
+                                               C1:<input type="number" name="c1">% </input>
+                                               C2:<input type="number" name="c2">%</input>
+                                               <br>
+                                               C3:<input type="number" name="c3">% </input>
+                                               C4:<input type="number" name="c4">%</input>
+                                               <br>
+                                               Obj1:<input type="number" name="obj1">% </input>
+                                               Int1:<input type="number" name="int1">% </input>
+                                               <br>
+
+                               </p>
+                               </form>
+
+                       </div>
+               </div>
+
+       </body>
+</html>