--- /dev/null
+<!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>