blackicedbear/FHC-Core
1
0
Fork 0
mirror of https://github.com/FH-Complete/FHC-Core.git synced 2026-06-02 20:59:28 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
8cecf5967e052d18840647669c00a77d7e08ef13
FHC-Core/cis/infoterminal/keyboard.php
T
Gerald Simane a58491e40d
2009-06-09 07:28:29 +00:00

594 lines
17 KiB
PHP
Raw Blame History

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Keyboard Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
<!--
div.weiter {
width:80%;
}
table.keyboardInputLayout {
white-space:nowrap;
border-collapse:separate;
border-spacing:0px;
background-color:#dddddd;
width:90%;
border:0px;
}
table.keyboardInputLayout td {
color:#000000;
margin:0px;
line-height:1;
text-align:center;
padding:5px 5px 5px 5px;
font-size: large;
width:10%;
height:10%;
}
table.keyboardInput {
}
table.keyboardInput td {
padding:17px 15px 17px 15px;
border-top:2px solid #eeeeee;
border-right:2px solid #6e6e6e;
border-bottom:2px solid #6e6e6e;
border-left:2px solid #eeeeee;
}
td.keyboardFunkTasteOFF {
background-color:#D0D0D0;
}
td.keyboardFunkTasteON {
background-color:#90EE90;
}
.anzeigen {display:inline;}
.verstecken {display:none;}
/* Knopf Blau */
b.blau_rtop, b.blau_rbottom{display:block;background-color: transparent;}
b.blau_rtop b, b.blau_rbottom b{display:block;height: 1px; overflow: hidden; background-color: #0085D0;}
b.blau_r1{margin: 0 5px}
b.blau_r2{margin: 0 3px}
b.blau_r3{margin: 0 2px}
b.blau_rtop b.blau_r4, b.blau_rbottom b.blau_r4{margin: 0 1px;height: 2px}
span.blau_mitteText{ text-align:center;font-size: large;color: #000; background-color: #0085D0;width:100%;display:block;}
-->
</style>
<script language="JavaScript1.2" type="text/javascript">
<!--
var inputFeld=false;
var inputUID='uid';
var inputPWD='pwd';
var shiftTaste=false;
var capsTaste=false;
var altGR=false;
function setAltGrFeld() {
shiftTaste=false;
shiftTaste1.className='keyboardFunkTasteOFF';
shiftTaste2.className='keyboardFunkTasteOFF';
capsTaste=false;
capsTaste1.className='keyboardFunkTasteOFF';
capsTaste2.className='keyboardFunkTasteOFF';
if (altGR) {
altGR=false;
setShift();
} else {
altGR=true;
setAltGr();
}
}
function setCapsFeld() {
if (capsTaste) {
unsetShift();
capsTaste=false;
document.getElementById('capsTaste1').className='keyboardFunkTasteOFF';
document.getElementById('capsTaste2').className='keyboardFunkTasteON';
} else {
setShift();
capsTaste=true;
document.getElementById('capsTaste1').className='keyboardFunkTasteOFF';
document.getElementById('capsTaste2').className='keyboardFunkTasteON';
}
shiftTaste=false;
document.getElementById('shiftTaste1').className='keyboardFunkTasteOFF';
document.getElementById('shiftTaste2').className='keyboardFunkTasteOFF';
}
function setShiftTaste(Feld) {
if (!capsTaste) {
document.getElementById('capsTaste1').className='keyboardFunkTasteOFF';
document.getElementById('capsTaste2').className='keyboardFunkTasteOFF';
if (shiftTaste) {
document.getElementById('shiftTaste1').className='keyboardFunkTasteOFF';
document.getElementById('shiftTaste2').className='keyboardFunkTasteON';
unsetShift();
shiftTaste=false;
} else {
shiftTaste=Feld;
document.getElementById('shiftTaste1').className='keyboardFunkTasteOFF';
document.getElementById('shiftTaste2').className='keyboardFunkTasteON';
setShift();
}
}
}
function setInputFeld(Wert) {
if (!inputFeld) {
setTabFeld();
}
if (inputFeld) {
inputFeld.value=inputFeld.value+Wert;
}
if (shiftTaste) {
setShiftTaste()
}
}
function setEmptyFeld() {
if (inputFeld) {
inputFeld.value='';
}
if (shiftTaste) {
setShiftTaste()
}
}
function setTabFeld() {
if (inputFeld && inputFeld.name==inputUID) {
document.getElementById(inputPWD).focus();
} else {
document.getElementById(inputUID).focus();
}
}
function setEnterFeld() {
document.getElementById('tastatur').submit();
}
function setBkspFeld() {
if (inputFeld && inputFeld.value.length >0) {
var tmpWert=inputFeld.value;
inputFeld.value=tmpWert.substring(0,inputFeld.value.length - 1 );
}
if (shiftTaste) {
setShiftTaste()
}
}
function show_layer(x)
{
if (document.getElementById && document.getElementById(x))
{
document.getElementById(x).style.visibility = 'visible';
document.getElementById(x).style.display = 'inline';
} else if (document.all && document.all[x]) {
document.all[x].visibility = 'visible';
document.all[x].style.display='inline';
} else if (document.layers && document.layers[x]) {
document.layers[x].visibility = 'show';
document.layers[x].style.display='inline';
}
}
function hide_layer(x)
{
if (document.getElementById && document.getElementById(x))
{
document.getElementById(x).style.visibility = 'hidden';
document.getElementById(x).style.display = 'none';
} else if (document.all && document.all[x]) {
document.all[x].visibility = 'hidden';
document.all[x].style.display='none';
} else if (document.layers && document.layers[x]) {
document.layers[x].visibility = 'hide';
document.layers[x].style.display='none';
}
}
function unsetShift() {
hide_layer('Row1AltGr');
hide_layer('Row1Shift');
hide_layer('Row2AltGr');
hide_layer('Row2Shift');
hide_layer('Row3Shift');
hide_layer('Row3AltGr');
hide_layer('Row4Shift');
hide_layer('Row4AltGr');
show_layer('Row1');
show_layer('Row2');
show_layer('Row3');
show_layer('Row4');
}
function setShift() {
hide_layer('Row1');
hide_layer('Row1AltGr');
hide_layer('Row2');
hide_layer('Row2AltGr');
hide_layer('Row3');
hide_layer('Row3AltGr');
hide_layer('Row4');
hide_layer('Row4AltGr');
show_layer('Row1Shift');
show_layer('Row2Shift');
show_layer('Row3Shift');
show_layer('Row4Shift');
}
function setAltGr() {
hide_layer('Row1');
hide_layer('Row1Shift');
hide_layer('Row2');
hide_layer('Row2Shift');
hide_layer('Row3');
hide_layer('Row3Shift');
hide_layer('Row4');
hide_layer('Row4Shift');
show_layer('Row1AltGr');
show_layer('Row2AltGr');
show_layer('Row3AltGr');
show_layer('Row4AltGr');
}
//-->
</script>
</head>
<body>
<form accept-charset="UTF-8" id="tastatur" target="_self" action="<?php echo $_SERVER['PHP_SELF'];?>" method="post" enctype="multipart/form-data" >
<table border="0" cellpadding="1" cellspacing="1">
<tr>
<th>&nbsp;Benutzername&nbsp;</th>
<th>&nbsp;Passwort&nbsp;</th>
</tr>
<tr>
<td>&nbsp;<input onfocus="inputFeld=this;" type="text" value="" id="uid" name="uid" >&nbsp;</td>
<td>&nbsp;<input onfocus="inputFeld=this;" type="Password" value="" id="pwd" name="pwd">&nbsp;</td>
<td class="verstecken">
<input class="verstecken" type="text" value="Login" name="work">
<input class="verstecken" type="text" value="<?php echo trim((isset($_REQUEST['raumtyp_kurzbz']) ? $_REQUEST['raumtyp_kurzbz']:'EDV')); ?>" name="raumtyp_kurzbz">
<input class="verstecken" type="text" value="<?php echo trim((isset($_REQUEST['ort_kurzbz']) ? $_REQUEST['ort_kurzbz']:'')); ?>" name="ort_kurzbz">
</td>
</tr>
</table>
</form>
<table class="keyboardInputLayout" onmouseover="if (!inputFeld) {setTabFeld(); }" >
<!-- Num Leiste -->
<tr>
<td id="Row1" class="anzeigen">
<table class="keyboardInput">
<tr>
<td onclick="setInputFeld('^');">^</td>
<td onclick="setInputFeld('1');">1</td>
<td onclick="setInputFeld('2');">2</td>
<td onclick="setInputFeld('3');">3</td>
<td onclick="setInputFeld('4');">4</td>
<td onclick="setInputFeld('5');">5</td>
<td onclick="setInputFeld('6');">6</td>
<td onclick="setInputFeld('7');">7</td>
<td onclick="setInputFeld('8');">8</td>
<td onclick="setInputFeld('9');">9</td>
<td onclick="setInputFeld('0');">0</td>
<td onclick="setInputFeld('&szlig;');">&szlig;</td>
<td onclick="setInputFeld('&acute;');">&acute;</td>
<td onclick="setBkspFeld();" class="keyboardFunkTasteOFF" id="iBksp1">Bksp</td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="Row1Shift" class="verstecken">
<table class="keyboardInput">
<tr>
<td onclick="setInputFeld('&deg;');">&deg;</td>
<td onclick="setInputFeld('!');">!</td>
<td onclick="setInputFeld('&quot;');">&quot;</td>
<td onclick="setInputFeld('&sect;');">&sect;</td>
<td onclick="setInputFeld('$');">$</td>
<td onclick="setInputFeld('%');">%</td>
<td onclick="setInputFeld('&amp;');">&amp;</td>
<td onclick="setInputFeld('/');">/</td>
<td onclick="setInputFeld('(');">(</td>
<td onclick="setInputFeld(')');">)</td>
<td onclick="setInputFeld('=');">=</td>
<td onclick="setInputFeld('?');">?</td>
<td onclick="setInputFeld('&acute;');">&acute;</td>
<td onclick="setBkspFeld();" class="keyboardFunkTasteOFF" id="iBksp2">Bksp</td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="Row1AltGr" class="verstecken">
<table class="keyboardInput">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td onclick="setInputFeld('&sup2;');">&sup2;</td>
<td onclick="setInputFeld('&sup3;');">&sup3;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td onclick="setInputFeld('{');">{</td>
<td onclick="setInputFeld('[');">[</td>
<td onclick="setInputFeld(']');">]</td>
<td onclick="setInputFeld('}');">}</td>
<td onclick="setInputFeld('\\');">\</td>
<td>&nbsp;</td>
<td onclick="setBkspFeld();" class="keyboardFunkTasteOFF" id="iBksp3">Bksp</td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="Row2" class="anzeigen">
<table class="keyboardInput">
<tr>
<td onclick="setTabFeld();" class="keyboardFunkTasteOFF" id="iTab1">Tab</td>
<td onclick="setInputFeld('q');">q</td>
<td onclick="setInputFeld('w');">w</td>
<td onclick="setInputFeld('e');">e</td>
<td onclick="setInputFeld('r');">r</td>
<td onclick="setInputFeld('t');">t</td>
<td onclick="setInputFeld('z');">z</td>
<td onclick="setInputFeld('u');">u</td>
<td onclick="setInputFeld('i');">i</td>
<td onclick="setInputFeld('o');">o</td>
<td onclick="setInputFeld('p');">p</td>
<td onclick="setInputFeld('&uuml;');">&uuml;</td>
<td onclick="setInputFeld('+');">+</td>
<td onclick="setEmptyFeld();" class="keyboardFunkTasteOFF">Clear</td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="Row2Shift" class="verstecken">
<table class="keyboardInput">
<tr>
<td onclick="setTabFeld();" class="keyboardFunkTasteOFF" id="iTab2">Tab</td>
<td onclick="setInputFeld('Q');">Q</td>
<td onclick="setInputFeld('W');">W</td>
<td onclick="setInputFeld('E');">E</td>
<td onclick="setInputFeld('R');">R</td>
<td onclick="setInputFeld('T');">T</td>
<td onclick="setInputFeld('Z');">Z</td>
<td onclick="setInputFeld('U');">U</td>
<td onclick="setInputFeld('I');">I</td>
<td onclick="setInputFeld('O');">O</td>
<td onclick="setInputFeld('P');">P</td>
<td onclick="setInputFeld('&Uuml;');">&Uuml;</td>
<td onclick="setInputFeld('*');">*</td>
<td onclick="setEmptyFeld();" class="keyboardFunkTasteOFF">Clear</td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="Row2AltGr" class="verstecken">
<table class="keyboardInput">
<tr>
<td onclick="setTabFeld();" class="keyboardFunkTasteOFF" id="iTab3">Tab</td>
<td onclick="setInputFeld('@');">@</td>
<td>&nbsp;</td>
<td onclick="setInputFeld('&euro;');">&euro;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td onclick="setInputFeld('~');">~</td>
<td onclick="setEmptyFeld();" class="keyboardFunkTasteOFF">Clear</td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="Row3" class="anzeigen">
<table class="keyboardInput">
<tr>
<td onclick="setCapsFeld();" class="keyboardFunkTasteOFF" id="capsTaste1">Caps</td>
<td onclick="setInputFeld('a');">a</td>
<td onclick="setInputFeld('s');">s</td>
<td onclick="setInputFeld('d');">d</td>
<td onclick="setInputFeld('f');">f</td>
<td onclick="setInputFeld('g');">g</td>
<td onclick="setInputFeld('h');">h</td>
<td onclick="setInputFeld('j');">j</td>
<td onclick="setInputFeld('k');">k</td>
<td onclick="setInputFeld('l');">l</td>
<td onclick="setInputFeld('&ouml;');">&ouml;</td>
<td onclick="setInputFeld('&auml;');">&auml;</td>
<td onclick="setInputFeld('#');">#</td>
<td onclick="setEnterFeld();" class="keyboardFunkTasteOFF" id="iEnter1">Enter</td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="Row3Shift" class="verstecken">
<table class="keyboardInput">
<tr>
<td onclick="setCapsFeld();" class="keyboardFunkTasteON" id="capsTaste2">Caps</td>
<td onclick="setInputFeld('A');">A</td>
<td onclick="setInputFeld('S');">S</td>
<td onclick="setInputFeld('D');">D</td>
<td onclick="setInputFeld('F');">F</td>
<td onclick="setInputFeld('G');">G</td>
<td onclick="setInputFeld('H');">H</td>
<td onclick="setInputFeld('J');">J</td>
<td onclick="setInputFeld('K');">K</td>
<td onclick="setInputFeld('L');">L</td>
<td onclick="setInputFeld('&Ouml;');">&Ouml;</td>
<td onclick="setInputFeld('&Auml;');">&Auml;</td>
<td onclick="setInputFeld('&rsquo;');">&rsquo;</td>
<td onclick="setEnterFeld();" class="keyboardFunkTasteOFF" id="iEnter2">Enter</td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="Row3AltGr" class="verstecken">
<table class="keyboardInput">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td onclick="setEnterFeld();" class="keyboardFunkTasteOFF" id="iEnter3">Enter</td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="Row4" class="anzeigen">
<table class="keyboardInput">
<tr>
<td onclick="if (shiftTaste) {setShiftTaste();} else {setShiftTaste(this);}" class="keyboardFunkTasteOFF" id="shiftTaste1">Shift</td>
<td onclick="setInputFeld('<');"><</td>
<td onclick="setInputFeld('y');">y</td>
<td onclick="setInputFeld('x');">x</td>
<td onclick="setInputFeld('c');">c</td>
<td onclick="setInputFeld('v');">v</td>
<td onclick="setInputFeld('b');">b</td>
<td onclick="setInputFeld('n');">n</td>
<td onclick="setInputFeld('m');">m</td>
<td onclick="setInputFeld(',');">,</td>
<td onclick="setInputFeld('.');">.</td>
<td onclick="setInputFeld('-');">-</td>
<td onclick="setAltGrFeld();" class="keyboardFunkTasteOFF" id="shiftAltGr1">AltGr</td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="Row4Shift" class="verstecken">
<table class="keyboardInput">
<tr>
<td onclick="if (shiftTaste) {setShiftTaste();} else {setShiftTaste(this);}" class="keyboardFunkTasteON" id="shiftTaste2">Shift</td>
<td onclick="setInputFeld('>');">></td>
<td onclick="setInputFeld('Y');">Y</td>
<td onclick="setInputFeld('X');">X</td>
<td onclick="setInputFeld('C');">C</td>
<td onclick="setInputFeld('V');">V</td>
<td onclick="setInputFeld('B');">B</td>
<td onclick="setInputFeld('N');">N</td>
<td onclick="setInputFeld('M');">M</td>
<td onclick="setInputFeld(';');">;</td>
<td onclick="setInputFeld(':');">:</td>
<td onclick="setInputFeld('-');">-</td>
<td onclick="setAltGrFeld();" class="keyboardFunkTasteOFF" id="shiftAltGr2">AltGr</td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="Row4AltGr" class="verstecken">
<table class="keyboardInput">
<tr>
<td onclick="setInputFeld('|');">|</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td onclick="setInputFeld('&micro;');">&micro;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td onclick="setAltGrFeld();" class="keyboardFunkTasteON" id="shiftAltGr3">AltGr</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table class="keyboardInput" style="width:100%;text-align:center;">
<tr>
<td style="width:100%;text-align:center;" onclick="setInputFeld(' ');">Leer</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Weiter Knopf -->
<div class="weiter" align="right" onclick="setEnterFeld();">
<div style="text-align:right;border:0;height:10%;width:20%;">
<b class="blau_rtop">
<b class="blau_r1"></b> <b class="blau_r2"></b> <b class="blau_r3"></b> <b class="blau_r4"></b>
</b>
<span class="blau_mitteText">
&nbsp;weiter&nbsp;
</span>
<b class="blau_rbottom">
<b class="blau_r4"></b><b class="blau_r3"></b> <b class="blau_r2"></b> <b class="blau_r1"></b>
</b>
</div>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink