qwertykeyboard.jsp

航空自助值机java ＢＳ模式程序

<script language="JavaScript1.2">
  //------------------------------------------------------------------------
  /**
   * This function is called when user valid data from keyboard
   */
  function makeClick() {
    document.body.style.cursor = "wait";
    document.forms[0].submit();
  }

  //------------------------------------------------------------------------
  /**
   * Make lastName data
   */
  function makeLastName(letter) {
    var value;
    if(letter.indexOf("back") != -1) {
      // back button pressed
      value = document.forms[0].txt.value;
      var length = value.length - 1;
      value = value.substr(0, length);
      document.forms[0].txt.value = value;
	  document.forms[0].txt.focus();
    }
	else {
      value = document.forms[0].txt.value;
      value = value.concat(letter);
      document.forms[0].txt.value = value;
	  document.forms[0].txt.focus();
    }
  }
</script>
<table>
  <tr>
    <td align="center">
      <table border="0" width="100%" >
        <tr>
          <td colspan="2"></td>
          <td colspan="8" align="center">
            <input type="text" name="txt" maxlength="20" style="font-family: Arial; font-size: 36 pt" size="20" class="typewriter" Onclick="/*alert('message')*/">
          </td>
          <td colspan="2"></td>
        </tr>
        <tr>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_1button.gif" onClick="makeLastName('1')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_2button.gif" onClick="makeLastName('2')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_3button.gif" onClick="makeLastName('3')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_4button.gif" onClick="makeLastName('4')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_5button.gif" onClick="makeLastName('5')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_6button.gif" onClick="makeLastName('6')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_7button.gif" onClick="makeLastName('7')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_8button.gif" onClick="makeLastName('8')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_9button.gif" onClick="makeLastName('9')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_0button.gif" onClick="makeLastName('0')"></td>
          <td align="left"><img  onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_backbutton.gif" onClick="makeLastName('back')"></td>
        </tr>
        <tr>
          <td></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_qbutton.gif" onClick="makeLastName('Q')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_wbutton.gif" onClick="makeLastName('W')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_ebutton.gif" onClick="makeLastName('E')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_rbutton.gif" onClick="makeLastName('R')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_tbutton.gif" onClick="makeLastName('T')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_ybutton.gif" onClick="makeLastName('Y')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_ubutton.gif" onClick="makeLastName('U')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_ibutton.gif" onClick="makeLastName('I')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_obutton.gif" onClick="makeLastName('O')"></td>
          <td align="left"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_pbutton.gif" onClick="makeLastName('P')"></td>
        </tr>
        <tr>
          <td></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_abutton.gif"      onClick="makeLastName('A')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_sbutton.gif"      onClick="makeLastName('S')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_dbutton.gif"      onClick="makeLastName('D')"></td>
          <td align="center"><img onmouseover ="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_fbutton.gif"      onClick="makeLastName('F')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_gbutton.gif"      onClick="makeLastName('G')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_hbutton.gif"      onClick="makeLastName('H')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_jbutton.gif"      onClick="makeLastName('J')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_kbutton.gif"      onClick="makeLastName('K')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_lbutton.gif"      onClick="makeLastName('L')"></td>
          <td rowspan="2" align="left"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_enterbutton.gif" onClick="makeClick()"></td>
          <td></td>
        </tr>
        <tr>
          <td align="center" colspan="2"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_zbutton.gif" onClick="makeLastName('Z')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_xbutton.gif" onClick="makeLastName('X')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_cbutton.gif" onClick="makeLastName('C')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_vbutton.gif" onClick="makeLastName('V')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_bbutton.gif" onClick="makeLastName('B')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_nbutton.gif" onClick="makeLastName('N')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_mbutton.gif"  onClick="makeLastName('M')"></td>
          <td align="center"><img onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_starbutton.gif"  onClick="makeLastName('*')"></td>
          <td align="center"></td>
        </tr>
        <tr height="100%">
          <td width="24%" colspan="3" align="center" ></td>
          <td width="52%" height="100%" colspan="6" align="center" ><img width="500" height="70" align="center" onmouseover="this.style.filter='xray()'" onmouseout="this.style.filter='none'" border="0" src="img/keyboard/kb_espacebutton.gif" onClick="makeLastName(' ')"></td>
          <td width="24%" colspan="3" align="center"></td>
        </tr>
	  </table>
    </td>
  </tr>
</table>