<html>
<head>
<title>GUI</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
    <style>
      <!--    
      
      body  {margin: 0; font-family: Arial; background-color: #f0f0f6; font-size: 12px; text-align: center;}
      
      a {color: #080; text-decoration: none;}
      a:hover {text-decoration: underline; font-weight: bold;}
      
      .obrazovka {width: 800px; height: 600px;}
      
      .pracovni {visibility: hidden; position: absolute; top: 30px; left: 312px; width: 100px; height: 100px;}
      .pracovni2 {visibility: hidden; position: absolute; top: 30px; left: 312px; width: 100px; height: 100px;}
      
      .tlacitko { background-color: #6d92fc; width: 70px; height: 20px; color: #fff; font-size: 10px; padding-top: 1px; font-weight: bold; margin-right: 10px;}
      .tlacitko2 { background-color: #6d92fc; width: 45px; height: 30px; color: #fff; font-size: 10px; padding-top: 1px; margin-top: 2px; font-weight: bold;}
                  
      -->
    </style>
    <script language="JavaScript">
    
      var nacist=false;
      var tlacitko="L";
      
      function odeslat_klavesu(text)
      {
        var d = new Date();
        document.getElementById('pracovni3').src='user_gui_key.php?typ=1&znak='+ text +'&cas='+ d.getTime();
      };
      
    </script>
</head>
<body>
  <div style="font-weight: bold; font-size: 13px; background-color: #ccd9f4;">Grafický Uživatelský Interface</div>
  <div style="margin-bottom: 15px;"><a href="javascript:window.close();">zavřít</a></div>
  
  <div align="center"><iframe class="obrazovka" id="obrazovka" name="obrazovka" framespacing="0" scrolling="auto" src="user_gui_obrazovka.php?cas=<?php echo time(); ?>"></iframe></div>
  <iframe class="pracovni" name="pracovni" id="pracovni" src="user_gui_screenshot.php?cas=<?php echo time(); ?>"></iframe>
  
  kliknutí myší:
  <input title="Dvojitý klik" class="tlacitko" type="button" name="dvojity" onclick="javascript:tlacitko='D';this.style.color='green';leve.style.color='';stredni.style.color='';prave.style.color='';" value="Double">
  <input title="Levé tlačítko myši" style="color: green;" class="tlacitko" type="button" name="leve" onclick="javascript:tlacitko='L';this.style.color='green';dvojity.style.color='';stredni.style.color='';prave.style.color='';" value="Left">
  <input title="Prostřední tlačítko myši" class="tlacitko" type="button" name="stredni" onclick="javascript:tlacitko='M';this.style.color='green';leve.style.color='';dvojity.style.color='';prave.style.color='';" value="Middle">
  <input title="Pravé tlačítko myši" class="tlacitko" type="button" name="prave" onclick="javascript:tlacitko='R';this.style.color='green';leve.style.color='';stredni.style.color='';dvojity.style.color='';" value="Right">
  
  <div style="margin-top: 15px;">
    <input class="tlacitko2" type="button" name="tlacitko1" value="Esc" onclick="odeslat_klavesu('VK_ESCAPE');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="F1" onclick="odeslat_klavesu('VK_F1');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="F2" onclick="odeslat_klavesu('VK_F2');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="F3" onclick="odeslat_klavesu('VK_F3');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="F4" onclick="odeslat_klavesu('VK_F4');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="F5" onclick="odeslat_klavesu('VK_F5');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="F6" onclick="odeslat_klavesu('VK_F6');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="F7" onclick="odeslat_klavesu('VK_F7');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="F8" onclick="odeslat_klavesu('VK_F8');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="F9" onclick="odeslat_klavesu('VK_F9');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="F10" onclick="odeslat_klavesu('VK_F10');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="F11" onclick="odeslat_klavesu('VK_F11');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="F12" onclick="odeslat_klavesu('VK_F12');">
    <br>
    <input class="tlacitko2" type="button" name="tlacitko1" value="Tab" onclick="odeslat_klavesu('VK_TAB');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="Win" onclick="odeslat_klavesu('VK_LWIN');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="Print" onclick="odeslat_klavesu('VK_SNAPSHOT');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="Pause" onclick="odeslat_klavesu('VK_PAUSE');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="Num" onclick="odeslat_klavesu('VK_NUMLOCK');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="Scroll" onclick="odeslat_klavesu('VK_SCROLL');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="Caps" onclick="odeslat_klavesu('VK_CAPITAL');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="Insert" onclick="odeslat_klavesu('VK_INSERT');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="Delete" onclick="odeslat_klavesu('VK_DELETE');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="Home" onclick="odeslat_klavesu('VK_HOME');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="End" onclick="odeslat_klavesu('VK_END');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="Bcksp" onclick="odeslat_klavesu('VK_BACK');">
    <br>
    <input class="tlacitko2" type="button" name="tlacitko1" value="LEFT" onclick="odeslat_klavesu('VK_LEFT');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="UP" onclick="odeslat_klavesu('VK_UP');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="DOWN" onclick="odeslat_klavesu('VK_DOWN');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="RIGHT" onclick="odeslat_klavesu('VK_RIGHT');">
    <input class="tlacitko2" type="button" name="tlacitko1" value="Enter" onclick="odeslat_klavesu('VK_RETURN');">
    
    <iframe class="pracovni2" name="pracovni3" id="pracovni3" src=""></iframe>
    
    <br><br>
    <form style="margin: 0;" action="user_gui_key.php?cas=<?php echo time(); ?>" target="pracovni2" method="GET">
      textový znak: <input name="znak" type="text" style="width: 15px;" maxlength="1"><input title="odeslat znak" class="tlacitko" type="submit" name="odeslat" value="odeslat"><input type="hidden" name="typ" value="0">
    </form>
    
    
  </div>
</body>
</html>
