disuse/wits_hitachi.html

   1
   2 <!DOCTYPE html>
   3 <html lang="en">
   4     <head>
   5         <meta charset="utf-8">
   6         <meta http-equiv="X-UA-Compatible" content="IE=edge">
   7         <meta name="viewport" content="width=device-width, initial-scale=1">
   8         <title>Websystem Integrated Tems</title>
   9         <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
  10         <link href="fonts/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet">
  11         <link href="CSS/bootstrap-3.1.1.min.css" rel="stylesheet">
  12         <link href="CSS/lollies.min.css" rel="stylesheet">
  13         <link href="CSS/custom.css" rel="stylesheet">
  14         <script type ="text/javascript" src="JS/practice.js"></script>
  15         <script type="text/javascript"  src="JS/file.js"></script>
  16         <script type="text/javascript" src="JS/option.js"></script>
  17         <script src="JS/jquery-1.7.2.min.js"></script>
  18         <script type="text/javascript" src="JS/canvas.js"></script>
  19         <script type="text/javascript" src="JS/emcontrol.js"></script>
  20         <script type="text/javascript" src="JS/ajax.js"></script>
  21
  22  <!--       <script type="text/javascript" src="JS/gamepad.js"></script> -->
  23         <!--[if lt IE 9]>
  24                 <script src="js/html5shiv-3.7.0.js"></script>
  25                 <script src="js/respond-1.4.2.js"></script>
  26         <![endif]-->
  27     </head>
  28     <body onload="filemethod();filemethod2();filemethod3();firsttab();gamepad();emnamecatch('fei');tilt();emcondition('request')">
  29         <header id="main-header">
  30             <div class="container">
  31                 <div class="row">
  32                     <div class="col-md-3 spacer"></div>
  33                     <div class="col-md-6">
  34                         <!-- LOGO 4️--><b>W</b>ebsystem <b>I</b>ntegrated <b>T</b>ems
  35                         <div id="logo"><a href="/"><img src="image/hi2.png" /></a></div>
  36                     </div>
  37                     <div class="col-md-3 spacer"></div>
  38                 </div>
  39             </div>
  40         </header>
  41         <nav id="main-nav">
  42             <div class="container">
  43                 <div class="row">
  44                     <div class="col-md-12">
  45                         <!-- NAVIGATION -->
  46                         <div class="navbar navbar-default" role="navigation">
  47                             <div class="navbar-header">
  48                                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  49                                     <span class="sr-only">Toggle navigation</span>
  50                                     <span class="icon-bar"></span>
  51                                     <span class="icon-bar"></span>
  52                                     <span class="icon-bar"></span>
  53                                 </button>
  54                             </div>
  55                             <div class="navbar-collapse collapse">
  56                                 <ul class="nav navbar-nav nav-justified">
  57                                     <li id="mtab1"><a href="#" onclick="cngTab('1');FocusTab('mtab1');tabcheck()">About JEM-2100</a></li>
  58                                     <li id="mtab2"><a href="#" onclick="cngTab('2');FocusTab('mtab2');tabcheck()">Single Particle Analysis</a></li>
  59                                     <!--<li id="mtab3"><a href="#" onclick="FocusTab('mtab3')">Tomography</a></li>-->
  60                                     <li id="mtab3"><a href="#" id="mtab31"><span style="color:#7f7f7f">Tomography</span></a></li>
  61                                     <li id="mtab4"><a href="#" onclick="cngTab('5');tabcheck();FocusTab('mtab4')">MDS</a></li>
  62                                     <li id="mtab5"><a href="#" onclick="FocusTab('mtab5')">Information</a></li>
  63                                     <!--        <li id="mtab6"><a href="#" onclick="FocusTab('mtab6')"></a></li>
  64                                             <li id="mtab7"><a href="#" onclick="FocusTab('mtab7')" >Nav Item7</a></li>-->
  65                                     <li class="dropdown" id="mtab8">
  66                                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" onclick="FocusTab('mtab8')">Option<b class="caret"></b></a>
  67                                         <ul class="dropdown-menu">
  68                                             <li class="dropdown">
  69                                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" onclick="bgColChangeDefault()">Change background<b class="caret"></b></a>
  70                                             <li><a href="#" onclick="bgColChangeWhite()">White</a></li>
  71                                             <li><a href="#" onclick="bgColChangeGrey()">grey</a></li>
  72                                     </li>
  73                                     <li><a href="index.html">Change EM</a></li>
  74                                     <li><a href="#">Something else here</a></li>
  75                                     <li class="divider"></li>
  76                                     <li class="dropdown-header">Nav header</li>
  77                                     <li><a href="#">Separated link</a></li>
  78                                     <li><a href="#">One more separated link</a></li>
  79                                 </ul>
  80                                 </li>
  81                                 </ul>
  82                             </div>
  83                         </div>
  84                     </div>
  85                 </div>
  86             </div>
  87         </nav>
  88         <div id= 'introduce'>
  89             <div class="content-block">
  90                 <div class="container">
  91                     <div class="row">
  92                         <div class="col-md-12">
  93                             <h1>You can control HITACHI EF-2000 from this site.</h1>
  94                             <p>The JEM-2100 is a multipurpose, 200 kV analytical electron microscope. Variety of versions is provided to adapt user’s purposes. The JEM-2100, which incorporates an integrated PC system for various functions with excellent cost performance, supports research and development in wide scientific fields, for biology to materials researches.
  95 Excellent LaB6 electron gun promises excellent performance with a reasonable cost.
  96 Ultrahigh TEM resolution as high as 0.19 nm (in UHR configuration)　enables us to perform an observation at atomic resolution.
  97 STEM (Scanning Transmission Electron Microscope: option) function integrated in PC control system enables us to see a scanning image of a sample at nanometer resolution.
  98 EDS (Energy Dispersive X-ray Spectrometer) with a 0.28sr of solid angle (in HR configuration with a 50mm2 detector) performs highly sensitive analysis at nanometer resolution.
  99 Highly stable specimen stage enables us to perform a long term observation and analysis.</p>
 100
 101                         </div>
 102                     </div>
 103                 </div>
 104             </div>
 105         </div>
 106         <div id= 'eucentricheightcontents'>
 107             <div class="content-block">
 108                 <div class="container">
 109                     <div class="row">
 110                         <div class="col-md-12">
 111                             <h1>Eucentric Height</h1>
 112                         </div>
 113                     </div>
 114                     <div class="row">
 115                         <div class="col-md-6">
 116                             <div id="viewArea">
 117                                 <img class="animatedEntrance" src="http://placehold.it/720x850/21b2eb/058dcd" />
 118                             </div>
 119                         </div>
 120                         <div class="col-md-6">
 121                             <br>
 122                             <br>
 123                              <h2>Control Electron Microscopy</h2>
 124                             <p>
 125                                 <!--
 126                             <form name="test">
 127                                 <input type="file" id="exsample" onchange="SaveFileContents()"/>
 128                                 <span id="con"></span><br>
 129                                 <span id="change">/////Value of File/////</span>
 130                             </form>
 131                                  -->
 132                             <p>
 133                             <form name="eucentric" id="eucentricid" action="">
 134                                 <div class="form-group">
 135                                     <label>max tilt</label>
 136                                     <input type="number" name="maxtilt" id="maxtiltid" onchange="SaveFileContents()" onclick="SaveFileContents()">nm
 137                                 </div>
 138                                 </p>
 139                                 <p>
 140                                 <div class="form-group">
 141                                     <label>speed   </label>
 142                                     &nbsp;&nbsp;
 143                                     <input type="number" name="speed" id="speed" onchange="SaveFileContents()" onclick="SaveFileContents()">nm
 144                                 </div>
 145                                 </p>
 146                                 <p>
 147                                 <div class="form-group">
 148                                     <label>z-shift</label>
 149                                     &nbsp;&nbsp;
 150                                     <input type="number" name="zshift" id="zshift" onchange="SaveFileContents()" onclick="SaveFileContents()">nm
 151                                 </div>
 152                                 </p>
 153                             </form>
 154                             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 155                             <button type="submit" class="btn btn-default" id="submit" onclick="SaveFileContents()">Start</button>
 156                             &nbsp;&nbsp;
 157                             <button type="submit" class="btn btn-default" id="submit">Stop</button>
 158                             <br>
 159                             <br>
 160                             <p>
 161                         <!--        Save condition<br>
 162                             <form name="save" id="saveid">
 163                                 Condition：<textarea id="text" rows="1" cols="55"></textarea><br>
 164                                 File name：<input id="name" placeholder="mytext">.txt<br>
 165                                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button onclick="TextSave()" class="btn btn-default">Save</button><br>
 166                                 <a id='DL_link'></a>
 167                             </form>
 168                         -->
 169                             </p>
 170                         </div>
 171                     </div>
 172                 </div>
 173             </div>
 174         </div>
 175         <div id='form'>
 176             <div class="form-block">
 177                 <div class="container">
 178                     <div class="row">
 179                         <div class="col-md-6 col-sm-6">
 180                             <img src="http://placehold.it/720x850/21b2eb/058dcd" />
 181                         </div>
 182                         <div class="col-md-6 col-sm-6">
 183                             <form method="post" id="custom_form" name="custom_form">
 184                                 <div class="form-group">
 185                                     <label >Name</label>
 186                                     <input  type="text" id="name" name="name" class="form-control">
 187                                 </div>
 188                                 <div class="form-group">
 189                                     <label >Email</label>
 190                                     <input type="text" id="email" name="email" class="form-control" >
 191                                 </div>
 192                                 <div class="form-group">
 193                                     <label >Message</label>
 194                                     <textarea type="text" id="message" name="message" class="form-control"></textarea>
 195                                 </div>
 196                                 <div class="form-group">
 197                                     <label>Captcha (case sensitive)</label>
 198                                     <div id="spambox">
 199                                         <div class="spam"></div>
 200                                     </div>
 201                                 </div>
 202                                 <button type="submit" class="btn btn-default" id="submit">Submit</button>
 203                             </form>
 204                         </div>
 205                     </div>
 206                 </div>
 207             </div>
 208         </div>
 209         <div id= 'singleparticlecontents'>
 210             <div class="content-block">
 211                 <div class="container">
 212                     <div class="row">
 213                         <div class="col-md-12">
 214                             <h1>Single particle analysis</h1>
 215                         </div>
 216                     </div>
 217                     <div class="row">
 218                         <div class="col-md-6">
 219                             <div id="viewArea">
 220                                 <!--<img class="animatedEntrance" src="http://placehold.it/720x850/21b2eb/058dcd" />-->
 221                                 <br>
 222                                 <br>
 223                                 <canvas id="canvasOne" width="540" height="605"></canvas>
 224                             </div>
 225                         </div>
 226                         <div class="col-md-6">
 227                             <!-- <h2>Control Electron Microscopy</h2>-->
 228                             <p>
 229                             <form name="test2">
 230                                 <input type="file" id="exsample2" onchange="SaveFileContents()"/>
 231                                 <span id="con2"></span><br>
 232                                 <span id="change2">/////Value of File/////</span>
 233                             </form>
 234                             <br>
 235                             <p>
 236                                 <label>Step1. Search particle</label>
 237                             </p>
 238                             Control mode select:&nbsp;&nbsp;<a onclick="switchkey('1');controlmodeselect('key')"><span id="key">Key(ex.↑↓→←,wsad,hjkl)</span></a>&nbsp;&nbsp;&nbsp;&nbsp;<a onclick="switchkey('0');controlmodeselect('formmode')"><span id="formmode">Form</span></a>&nbsp;&nbsp;&nbsp;&nbsp;<a onclick="switchkey('2');controlmodeselect('gamepad')"><span id="gamepad">Gamepad</span></a>
 239                             <form name="movestage" id="movestageid" action="">
 240                                 <div class="form-group">
 241                                     move x
 242                                     <input type="number" name="movex" id="movex" value="0" onchange="canvasApp()">nm
 243                                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Current x:<span id="currentx"></span>
 244                                 </div>
 245                                 <div class="form-group">
 246                                     move y
 247                                     <input type="number" name="movey" id="movey" value="0" onchange="canvasApp()">nm
 248                                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Current y:<span id="currenty"></span><br><!--<span id=stage></span>-->
 249                                 </div>
 250                             </form>
 251                             <p>
 252                                 <label>Step2. Set Focus</label>
 253                             </p>
 254                             <form name="moveza" id="moveza" action="">
 255                                 <div class="form-group">
 256                                     move z(keep magnificance)
 257                                     &nbsp;&nbsp;
 258                                     <input type="number" name="movez" id="movez" value="0" onchange="canvasApp()">nm<br><br>
 259                                     change current(keep stage)
 260                                     &nbsp;&nbsp;
 261                                     <input type="number" name="current" id="current" onchange="objcontrol('obj',current.value);emcondition('request')">%&nbsp;&nbsp;Current lenz:<span id="obj"></span>
 262                                 </div>
 263                             </form>
 264                             <p>
 265                                 <label>Step3. Take Photo</label>
 266                             </p>
 267                             Use MDS:&nbsp;&nbsp;<input type="radio" name="mdsselect" value="usemds">&nbsp;Yes&nbsp;&nbsp;<input type="radio" name="mdsselect" value="no">&nbsp;No
 268                             <form name="save" id="saveid">
 269                                 Save Photo
 270                                 &nbsp;&nbsp;
 271                                 File name：<input id="namephoto" placeholder="myphoto">.tif
 272                                 &nbsp;&nbsp;&nbsp;<button onclick="CanvasSave('canvasOne')" class="btn btn-default">Save</button><br>
 273                                 <a id="DL_link_canvas"></a>
 274                             </form>
 275                             <br>
 276                             <p>
 277                                 <label>Electron Microscopy Condition</label>&nbsp;&nbsp;&nbsp;&nbsp;
 278                                 <!--<input type="button" value="push" onClick="emcondition('request')"></input>--><br>
 279                                 <form name="save" id="saveid">
 280                                 File name：<input id="name1" placeholder="mytext">.txt
 281                                 &nbsp;&nbsp;&nbsp;<button onclick="ConditionFileSave()" class="btn btn-default">Save</button>
 282                                 <a id='DL_link_condition'></a>
 283                             </form>
 284                             <div id="condition" style="width:340px; height:250; padding:10px; border:6px outset">
 285                                 TEM:<span id="tem"></span>
 286                                 Position:<span id="Position"></span>x=<span id="GonioX"></span>,y=<span id="GonioY"></span>,z=<span id="GonioZ"></span>,a=<span id="GonioA"></span><br>
 287                                 SpotSizeIndex:<span id="SpotSizeIndex"></span>
 288                                 MagIndex:<span id="MagIndex"></span>
 289                                 Obj:<span id="Obj"></span>
 290                                 BeamTiltX:<span id="BeamTiltX"></span>
 291                                 BeamTiltY:<span id="BeamTiltY"></span>
 292                                 Speed:<span id="Speed"></span>
 293                             </div>
 294                             </p>
 295                             <!--<p>
 296                                 <label>Save condition</label><br>
 297                               Todays:<span id="daysdata">a</span>
 298                             <form name="save" id="saveid">
 299                                 File name：<input id="name" placeholder="mytext">.txt
 300                                 &nbsp;&nbsp;&nbsp;<button onclick="ConditionFileSave()" class="btn btn-default">Save</button>
 301                                 <a id='DL_link_condition'></a>
 302                             </form>
 303                             </p>
 304                             -->
 305                         </div>
 306                     </div>
 307                 </div>
 308             </div>
 309         </div>
 310         <div id= 'tomography'>
 311             <div class="content-block">
 312                 <div class="container">
 313                     <div class="row">
 314                         <div class="col-md-12">
 315                             <h1>Tomography</h1>
 316                         </div>
 317                     </div>
 318                     <div class="row">
 319                         <div class="col-md-6">
 320                             <div id="viewArea">
 321                                 <!--<img class="animatedEntrance" src="http://placehold.it/720x850/21b2eb/058dcd" />-->
 322                                 <canvas id="canvastomo" width="540" height="605"></canvas>
 323                                 <div id="condition" style="width:340px; height:250; padding:10px; border:6px outset">
 324                                     TEM:<span id="tem2"></span>
 325                                     Position:<span id="Position2"></span>x=<span id="GonioX2"></span>,y=<span id="GonioY2"></span>,z=<span id="GonioZ2"></span>,a=<span id="GonioA2"></span><br>
 326                                     SpotSizeIndex:<span id="SpotSizeIndex2"></span>
 327                                     Brightness:<span id="MagIndex2"></span>
 328                                     Obj:<span id="Obj2"></span>
 329                                     BeamTiltX:<span id="BeamTiltX2"></span>
 330                                     BeamTiltY:<span id="BeamTiltY2"></span>
 331                                     Speed:<span id="Speed2"></span>
 332                                 </div>
 333
 334                             </div>
 335                         </div>
 336                         <div class="col-md-6">
 337                             <!-- <h2>Control Electron Microscopy</h2>-->
 338                             <p>
 339                             <form name="test2">
 340                                 <input type="file" id="exsample" onchange="SaveFileContents()"/>
 341                                 <span id="con"></span><br>
 342                                 <span id="change">/////Value of File/////</span>
 343                             </form>
 344                             <br>
 345                             <p>
 346                                 <label>Step1. Search particle</label>
 347                             </p>
 348                             Control mode select:&nbsp;&nbsp;<a onclick="switchkey('1');controlmodeselect('key2')"><span id="key2">Key(ex.↑↓→←,wsad,hjkl)</span></a>&nbsp;&nbsp;&nbsp;&nbsp;<a onclick="switchkey('0');controlmodeselect('formmode2')"><span id="formmode2">Form</span></a>&nbsp;&nbsp;&nbsp;&nbsp;<a onclick="switchkey('2');controlmodeselect('gamepad2')"><span id="gamepad2">Gamepad</span></a>
 349                             <form name="movestagetomo" id="movestageid" action="">
 350                                 <div class="form-group">
 351                                     move x
 352                                     <input type="number" name="movex" id="movex" value="0" onchange="canvastomo()">nm
 353                                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Current x:<span id="currenttomox"></span>
 354                                 </div>
 355                                 <div class="form-group">
 356                                     move y
 357                                     <input type="number" name="movey" id="movey" value="0" onchange="canvastomo()">nm
 358                                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Current y:<span id="currenttomoy"></span>
 359                                     <br><span id ="stagetomo"></span>
 360                                 </div>
 361                             </form>
 362                             <p>
 363                                 <label>Step2. Set Focus</label>
 364                             </p>
 365                             <form name="moveztomo" id="moveztomo" action="">
 366                                 <div class="form-group">
 367                                     move z(keep magnification)
 368                                     &nbsp;&nbsp;
 369                                     <input type="number" name="movez" id="movez" onchange="canvastomo()" value="0">nm<br>
 370                                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Current z:<span id="currenttomoz"></span>
 371                                     <br><br>
 372                                     change current(keep stage)
 373                                     &nbsp;&nbsp;
 374                                     <input type="number" name="currentromo" id="currenttomo" onchange="objcontrol('obj',currenttomo.value);emcondition('request')">%<br>
 375                                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Current lenz:<span id="objtomo"></span>
 376                                 </div>
 377                             </form>
 378                             <p>
 379                                 <label>Step3. Setting</label>
 380                             </p>
 381                             <form name="setting" id="setting" action="">
 382                                 <div class="form-group">
 383                                     About Tilting&nbsp;&nbsp;:&nbsp;&nbsp;
 384                                     <input type="radio" name="tilting" value="standard" onclick="tilt()" checked="checked">&nbsp;standard&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="standard"><input type="number" name="standardnum" id="standardnum" value="0" min="-90" max="90" step="1" style="width:100px;" onchange="canvastomo()">°</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 385                                     <input type="radio" name="tilting" value="saxtorn" onclick="tilt()">&nbsp;saxtorn&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="saxtorn"><input type="number" name="tiltingnum" id="tiltingnum" value="0" step="1" style="width:100px;" onchange="tilt();canvastomo()">°*cos<span id="angurar">x</span>°</span><br>
 386                                     About tracking&nbsp;&nbsp;:&nbsp;&nbsp;
 387                                     Traccking&nbsp;&nbsp;every&nbsp;&nbsp;<select name="tracking">
 388                                         <option value="1">one sheet</option>
 389                                         <option value="2">two sheets</option>
 390                                         <option value="4">four sheets</option>
 391                                         <option value="8">eight sheets</option>
 392                                     </select>
 393                                 </div>
 394                             </form>
 395                             <p>
 396                                 <label>Step3. Take Photo</label>
 397                            <!-- </p>
 398                             Use MDS:&nbsp;&nbsp;<input type="radio" name="mdsselect" value="usemds">&nbsp;Yes&nbsp;&nbsp;<input type="radio" name="mdsselect" value="no">&nbsp;No-->
 399                             <form name="save" id="saveid">
 400                                 Save Photo
 401                                 &nbsp;&nbsp;
 402                                 File name：<input id="namephoto2" placeholder="myphoto">.tif
 403                                 &nbsp;&nbsp;&nbsp;<button onclick="CanvasSave('canvastomo')" class="btn btn-default">Save</button><br>
 404                                 <a id="DL_link_canvas"></a>
 405                             </form>
 406                             <br>
 407                             <p>
 408                                 <label>Electron Microscopy Condition</label>&nbsp;&nbsp;&nbsp;&nbsp;
 409                                 <!--<input type="button" value="push" onClick="emcondition('request')"></input>--><br>
 410                             <form name="save" id="saveid">
 411                                 File name：<input id="name" placeholder="mytext">.txt
 412                                 &nbsp;&nbsp;&nbsp;<button onclick="ConditionFileSave()" class="btn btn-default">Save</button>
 413                                 <a id='DL_link_condition'></a>
 414                             </form>
 415
 416                             </p>
 417                             <!--
 418                             <p>
 419                                 <label>Save condition</label><br>
 420                                 Todays:<span id="daysdata">a</span>
 421                             <form name="save" id="saveid">
 422                                 File name：<input id="name" placeholder="mytext">.txt
 423                                 &nbsp;&nbsp;&nbsp;<button onclick="ConditionFileSave()" class="btn btn-default">Save</button>
 424                                 <a id='DL_link_condition'></a>
 425                             </form>
 426                             </p>
 427                             -->
 428                         </div>
 429                     </div>
 430                 </div>
 431             </div>
 432         </div>
 433         <div id= 'mds'>
 434             <div class="content-block">
 435                 <div class="container">
 436                     <div class="row">
 437                         <div class="col-md-12">
 438                             <h1>Minimum Dose System</h1>
 439                         </div>
 440                     </div>
 441                     <div class="row">
 442                         <div class="col-md-6">
 443                             <div id="viewArea">
 444                                 <!--<img class="animatedEntrance" src="http://placehold.it/720x850/21b2eb/058dcd" />-->
 445                                 <br>
 446                                 <br>
 447                                 <canvas id="canvasmds" width="540" height="605"></canvas>
 448                             </div>
 449                         </div>
 450                         <div class="col-md-6">
 451                             <!-- <h2>Control Electron Microscopy</h2>-->
 452                             <p>
 453                             <form name="test3">
 454                                 <input type="file" id="exsample3" onchange="SaveFileContents()"/>
 455                                 <span id="con3"></span><br>
 456                                 <span id="change3">/////Value of File/////</span>
 457                             </form>
 458                             <br>
 459                             <p>
 460                                 <label>Step1. Search particle</label>
 461                             </p>
 462                             Control mode select:&nbsp;&nbsp;<a onclick="switchkey('1');controlmodeselect('key3')"><span id="key3">Key(ex.↑↓→←,wsad,hjkl)</span></a>&nbsp;&nbsp;&nbsp;&nbsp;<a onclick="switchkey('0');controlmodeselect('formmode3')"><span id="formmode3">Form</span></a>&nbsp;&nbsp;&nbsp;&nbsp;<a onclick="switchkey('2');controlmodeselect('gamepad3')"><span id="gamepad3">Gamepad</span></a>
 463                             <form name="movestagemds" id="movestagemds" action="">
 464                                 <div class="form-group">
 465                                     move x
 466                                     <input type="number" name="movex" id="movex" value="0" onchange="canvasmds()">nm
 467                                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Current x:<span id="currentmdsx"></span>&nbsp;&nbsp;&nbsp;&nbsp;shift place &nbsp;&nbsp;&nbsp;&nbsp;<input type="button" onclick="shiftplace()" value="Shift">
 468                                 </div>
 469                                 <div class="form-group">
 470                                     move y
 471                                     <input type="number" name="movey" id="movey" value="0" onchange="canvasmds()">nm
 472                                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Current y:<span id="currentmdsy"></span><br><span id="api"></span><span id="stagemds"></span>
 473                                 </div>
 474                             </form>
 475                             <p>
 476                                 <label>Step2. Set Forcus</label>
 477                             </p>
 478                             <form name="moveza" id="movezmds" action="">
 479                                 <div class="form-group">
 480                                     move z(keep magnificance)
 481                                     &nbsp;&nbsp;
 482                                     <input type="number" name="movez" id="movez" value="0" onchange="canvasmds()">nm<br><br>
 483                                     change current(keep stage)
 484                                     &nbsp;&nbsp;
 485                                     <input type="number" name="current" id="current" onchange="objcontrol('obj',current.value);emcondition('request')">%&nbsp;&nbsp;Current lenz:<span id="objmds"></span>
 486                                 </div>
 487                             </form>
 488                             <p>
 489                                 <label>Step3. Take Photo</label>
 490                             </p>
 491                             replace&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" onclick="replace()" value="replace">
 492                             <form name="save" id="saveid">
 493                                 Save Photo
 494                                 &nbsp;&nbsp;
 495                                 File name：<input id="namephoto" placeholder="myphoto">.tif
 496                                 &nbsp;&nbsp;&nbsp;<button onclick="CanvasSave('canvasmds')" class="btn btn-default">Save</button><br>
 497                                 <a id="DL_link_canvas"></a>
 498                             </form>
 499                             <br>
 500                             <p>
 501                                 <label>Electron Microscopy Condition</label>&nbsp;&nbsp;&nbsp;&nbsp;
 502                                 <!--<input type="button" value="push" onClick="emcondition('request')"></input>--><br>
 503                                 <form name="save" id="saveid">
 504                                 File name：<input id="name" placeholder="mytext">.txt
 505                                 &nbsp;&nbsp;&nbsp;<button onclick="ConditionFileSave()" class="btn btn-default">Save</button>
 506                                 <a id='DL_link_condition'></a>
 507                             </form>
 508                             <div id="condition" style="width:340px; height:250; padding:10px; border:6px outset">
 509                                 TEM:<span id="tem3"></span>
 510                                 Position:<span id="Position3"></span>x=<span id="GonioX3"></span>,y=<span id="GonioY3"></span>,z=<span id="GonioZ3"></span>,a=<span id="GonioA3"></span><br>
 511                                 SpotSizeIndex:<span id="SpotSizeIndex3"></span>
 512                                 MagIndex:<span id="MagIndex3"></span>
 513                                 Obj:<span id="Obj3"></span>
 514                                 BeamTiltX:<span id="BeamTiltX3"></span>
 515                                 BeamTiltY:<span id="BeamTiltY3"></span>
 516                                 Speed:<span id="Speed3"></span>
 517                             </div>
 518                             </p>
 519                             <!--<p>
 520                                 <label>Save condition</label><br>
 521                               Todays:<span id="daysdata">a</span>
 522                             <form name="save" id="saveid">
 523                                 File name：<input id="name" placeholder="mytext">.txt
 524                                 &nbsp;&nbsp;&nbsp;<button onclick="ConditionFileSave()" class="btn btn-default">Save</button>
 525                                 <a id='DL_link_condition'></a>
 526                             </form>
 527                             </p>
 528                             -->
 529                         </div>
 530                     </div>
 531                 </div>
 532             </div>
 533         </div>
 534         <!-- SCRIPTS -->
 535         <script src="JS/jquery-1.7.2.min.js"></script>
 536         <script src="JS/bootstrap-3.1.1.min.js"></script>
 537         <script src="plugins/backstretch/backstretch-2.0.4.min.js"></script>
 538         <script src="plugins/camera-slider/camera-slider-1.3.4.min.js"></script>
 539         <script src="plugins/camera-slider/easing-1.3.min.js"></script>
 540         <script src="plugins/fancybox/fancybox-1.3.4.pack.js"></script>
 541         <script src="plugins/fancybox/klass-1.0.min.js"></script>
 542         <script src="plugins/fancybox/photoswipe-3.0.5.min.js"></script>
 543         <script src="plugins/hover-animations/transform2d.min.js"></script>
 544         <script src="plugins/hover-animations/hover-animations-1.0.min.js"></script>
 545         <script src="plugins/match-height/match-height-0.5.1.min.js"></script>
 546         <script src="plugins/validation/validation-2.2.min.js"></script>
 547         <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
 548         <script src="JS/lollies.min.js"></script>
 549         <script src="JS/custom.js"></script>
 550     </body>
 551 </html>