<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<STYLE TYPE="text/css">
<!--
.kbdisplay {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
width: 600px;
font-weight: normal;
text-transform: none;
}
td.kbkey {
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
}
.abc { width: 30; }
-->
</STYLE>
<title>Keyboards</title>
</head>
<body>
<h1>Edit Personal Data</h1>
<form method="post" action="enter.php">
<table summary="new person">
<tr>
<td class="label">Last Name:</td>
<td class="element"><input id="inpa" onclick="hideallkbs()" name="lastname" type="text" value="" /><br />
<INPUT TYPE=button onclick="hideallkbs();vis('aTable')" VALUE="Keyboard" />
</td>
</tr>
<tr>
<td class="label">First Name:</td>
<td class="element"><input id="inpb" onclick="hideallkbs()" name="firstname" type="text" value="" /><br />
<INPUT TYPE=button onclick="hideallkbs();vis('bTable')" VALUE="Keyboard" /></td>
</tr>
<tr>
<td></td>
<td><input name="submit" value="Enter Personal Data" type="submit" /> <input name="reset" value="Reset" type="reset" /></td>
</table>
</form>
<script language="Javascript" type="text/javascript">
function kb(ID,sText) {
bar = document.getElementById(ID);
if(bar) {
bar.value += sText;
}
}
function vis(ID) {
bar = document.getElementById(ID);
if(bar) {
bar.style.display ='block';
}
}
function hide(ID) {
bar = document.getElementById(ID);
if(bar) {
bar.style.display ='none';
}
}
function hideallkbs() {
var tables = document.getElementsByTagName("TABLE") ;
for(var i=0; i<tables.length; i++) {
if("kbdisplay" == tables[i].className) tables[i].style.display = 'none';
}
}
</script>
<TABLE class="kbdisplay" ID=aTable STYLE="border-collapse:collapse; display:none">
<tr>
<td class="kbkey"><input type="button" class="abc" value="À" onclick="kb('inpa', '\xc0')" /></td>
<td class="kbkey"><input type="button" class="abc" value="à" onclick="kb('inpa', '\xe0')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Á" onclick="kb('inpa', '\xc1')" /></td>
<td class="kbkey"><input type="button" class="abc" value="á" onclick="kb('inpa', '\xe1')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Â" onclick="kb('inpa', '\xc2')" /></td>
<td class="kbkey"><input type="button" class="abc" value="â" onclick="kb('inpa', '\xe2')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Å" onclick="kb('inpa', '\xc5')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ä" onclick="kb('inpa', '\xe4')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ã" onclick="kb('inpa', '\xc3')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ã" onclick="kb('inpa', '\xe3')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ä" onclick="kb('inpa', '\xc4')" /></td>
<td class="kbkey"><input type="button" class="abc" value="å" onclick="kb('inpa', '\xe5')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Æ" onclick="kb('inpa', '\xc6')" /></td>
<td class="kbkey"><input type="button" class="abc" value="æ" onclick="kb('inpa', '\xe6')" /></td>
</tr><tr>
<td class="kbkey"><input type="button" class="abc" value="Ç" onclick="kb('inpa', '\xc7')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ç" onclick="kb('inpa', '\xe7')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ð" onclick="kb('inpa', '\xd0')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ð" onclick="kb('inpa', '\xf0')" /></td>
<td class="kbkey"><input type="button" class="abc" value="È" onclick="kb('inpa', '\xc8')" /></td>
<td class="kbkey"><input type="button" class="abc" value="è" onclick="kb('inpa', '\xe8')" /></td>
<td class="kbkey"><input type="button" class="abc" value="É" onclick="kb('inpa', '\xc9')" /></td>
<td class="kbkey"><input type="button" class="abc" value="é" onclick="kb('inpa', '\xe9')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ê" onclick="kb('inpa', '\xca')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ê" onclick="kb('inpa', '\xea')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ë" onclick="kb('inpa', '\xcb')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ë" onclick="kb('inpa', '\xeb')" /></td>
</tr><tr>
<td class="kbkey"><input type="button" class="abc" value="Ì" onclick="kb('inpa', '\xcc')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ì" onclick="kb('inpa', '\xec')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Í" onclick="kb('inpa', '\xcd')" /></td>
<td class="kbkey"><input type="button" class="abc" value="í" onclick="kb('inpa', '\xed')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Î" onclick="kb('inpa', '\xce')" /></td>
<td class="kbkey"><input type="button" class="abc" value="î" onclick="kb('inpa', '\xee')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ï" onclick="kb('inpa', '\xcf')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ï" onclick="kb('inpa', '\xef')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ñ" onclick="kb('inpa', '\xd1')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ñ" onclick="kb('inpa', '\xf1')" /></td>
</tr><tr>
<td class="kbkey"><input type="button" class="abc" value="Ò" onclick="kb('inpa', '\xd2')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ò" onclick="kb('inpa', '\xf2')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ó" onclick="kb('inpa', '\xd3')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ó" onclick="kb('inpa', '\xf3')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ô" onclick="kb('inpa', '\xd4')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ô" onclick="kb('inpa', '\xf4')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ö" onclick="kb('inpa', '\xd6')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ö" onclick="kb('inpa', '\xf6')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Õ" onclick="kb('inpa', '\xd5')" /></td>
<td class="kbkey"><input type="button" class="abc" value="õ" onclick="kb('inpa', '\xf5')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ø" onclick="kb('inpa', '\xd8')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ø" onclick="kb('inpa', '\xf8')" /></td>
</tr><tr>
<td class="kbkey"><input type="button" class="abc" value="ß" onclick="kb('inpa', '\xdf')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Þ" onclick="kb('inpa', '\xde')" /></td>
<td class="kbkey"><input type="button" class="abc" value="þ" onclick="kb('inpa', '\xfe')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ù" onclick="kb('inpa', '\xd9')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ù" onclick="kb('inpa', '\xf9')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ú" onclick="kb('inpa', '\xda')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ú" onclick="kb('inpa', '\xfa')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Û" onclick="kb('inpa', '\xdb')" /></td>
<td class="kbkey"><input type="button" class="abc" value="û" onclick="kb('inpa', '\xfb')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ü" onclick="kb('inpa', '\xdc')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ü" onclick="kb('inpa', '\xfc')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ý" onclick="kb('inpa', '\xfd')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ÿ" onclick="kb('inpa', '\xff')" /></td>
</tr>
</table>
<TABLE class="kbdisplay" ID=bTable STYLE="border-collapse:collapse; display:none">
<tr>
<td class="kbkey"><input type="button" class="abc" value="À" onclick="kb('inpb', '\xc0')" /></td>
<td class="kbkey"><input type="button" class="abc" value="à" onclick="kb('inpb', '\xe0')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Á" onclick="kb('inpb', '\xc1')" /></td>
<td class="kbkey"><input type="button" class="abc" value="á" onclick="kb('inpb', '\xe1')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Â" onclick="kb('inpb', '\xc2')" /></td>
<td class="kbkey"><input type="button" class="abc" value="â" onclick="kb('inpb', '\xe2')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Å" onclick="kb('inpb', '\xc5')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ä" onclick="kb('inpb', '\xe4')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ã" onclick="kb('inpb', '\xc3')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ã" onclick="kb('inpb', '\xe3')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ä" onclick="kb('inpb', '\xc4')" /></td>
<td class="kbkey"><input type="button" class="abc" value="å" onclick="kb('inpb', '\xe5')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Æ" onclick="kb('inpb', '\xc6')" /></td>
<td class="kbkey"><input type="button" class="abc" value="æ" onclick="kb('inpb', '\xe6')" /></td>
</tr><tr>
<td class="kbkey"><input type="button" class="abc" value="Ç" onclick="kb('inpb', '\xc7')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ç" onclick="kb('inpb', '\xe7')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ð" onclick="kb('inpb', '\xd0')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ð" onclick="kb('inpb', '\xf0')" /></td>
<td class="kbkey"><input type="button" class="abc" value="È" onclick="kb('inpb', '\xc8')" /></td>
<td class="kbkey"><input type="button" class="abc" value="è" onclick="kb('inpb', '\xe8')" /></td>
<td class="kbkey"><input type="button" class="abc" value="É" onclick="kb('inpb', '\xc9')" /></td>
<td class="kbkey"><input type="button" class="abc" value="é" onclick="kb('inpb', '\xe9')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ê" onclick="kb('inpb', '\xca')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ê" onclick="kb('inpb', '\xea')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ë" onclick="kb('inpb', '\xcb')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ë" onclick="kb('inpb', '\xeb')" /></td>
</tr><tr>
<td class="kbkey"><input type="button" class="abc" value="Ì" onclick="kb('inpb', '\xcc')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ì" onclick="kb('inpb', '\xec')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Í" onclick="kb('inpb', '\xcd')" /></td>
<td class="kbkey"><input type="button" class="abc" value="í" onclick="kb('inpb', '\xed')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Î" onclick="kb('inpb', '\xce')" /></td>
<td class="kbkey"><input type="button" class="abc" value="î" onclick="kb('inpb', '\xee')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ï" onclick="kb('inpb', '\xcf')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ï" onclick="kb('inpb', '\xef')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ñ" onclick="kb('inpb', '\xd1')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ñ" onclick="kb('inpb', '\xf1')" /></td>
</tr><tr>
<td class="kbkey"><input type="button" class="abc" value="Ò" onclick="kb('inpb', '\xd2')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ò" onclick="kb('inpb', '\xf2')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ó" onclick="kb('inpb', '\xd3')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ó" onclick="kb('inpb', '\xf3')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ô" onclick="kb('inpb', '\xd4')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ô" onclick="kb('inpb', '\xf4')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ö" onclick="kb('inpb', '\xd6')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ö" onclick="kb('inpb', '\xf6')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Õ" onclick="kb('inpb', '\xd5')" /></td>
<td class="kbkey"><input type="button" class="abc" value="õ" onclick="kb('inpb', '\xf5')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ø" onclick="kb('inpb', '\xd8')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ø" onclick="kb('inpb', '\xf8')" /></td>
</tr><tr>
<td class="kbkey"><input type="button" class="abc" value="ß" onclick="kb('inpb', '\xdf')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Þ" onclick="kb('inpb', '\xde')" /></td>
<td class="kbkey"><input type="button" class="abc" value="þ" onclick="kb('inpb', '\xfe')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ù" onclick="kb('inpb', '\xd9')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ù" onclick="kb('inpb', '\xf9')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ú" onclick="kb('inpb', '\xda')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ú" onclick="kb('inpb', '\xfa')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Û" onclick="kb('inpb', '\xdb')" /></td>
<td class="kbkey"><input type="button" class="abc" value="û" onclick="kb('inpb', '\xfb')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ü" onclick="kb('inpb', '\xdc')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ü" onclick="kb('inpb', '\xfc')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ý" onclick="kb('inpb', '\xfd')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ÿ" onclick="kb('inpb', '\xff')" /></td>
</tr>
</table>
<TABLE class="kbdisplay" ID=cTable STYLE="border-collapse:collapse; display:none">
<tr>
<td class="kbkey"><input type="button" class="abc" value="À" onclick="kb('inpc', '\xc0')" /></td>
<td class="kbkey"><input type="button" class="abc" value="à" onclick="kb('inpc', '\xe0')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Á" onclick="kb('inpc', '\xc1')" /></td>
<td class="kbkey"><input type="button" class="abc" value="á" onclick="kb('inpc', '\xe1')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Â" onclick="kb('inpc', '\xc2')" /></td>
<td class="kbkey"><input type="button" class="abc" value="â" onclick="kb('inpc', '\xe2')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Å" onclick="kb('inpc', '\xc5')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ä" onclick="kb('inpc', '\xe4')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ã" onclick="kb('inpc', '\xc3')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ã" onclick="kb('inpc', '\xe3')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ä" onclick="kb('inpc', '\xc4')" /></td>
<td class="kbkey"><input type="button" class="abc" value="å" onclick="kb('inpc', '\xe5')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Æ" onclick="kb('inpc', '\xc6')" /></td>
<td class="kbkey"><input type="button" class="abc" value="æ" onclick="kb('inpc', '\xe6')" /></td>
</tr><tr>
<td class="kbkey"><input type="button" class="abc" value="Ç" onclick="kb('inpc', '\xc7')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ç" onclick="kb('inpc', '\xe7')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ð" onclick="kb('inpc', '\xd0')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ð" onclick="kb('inpc', '\xf0')" /></td>
<td class="kbkey"><input type="button" class="abc" value="È" onclick="kb('inpc', '\xc8')" /></td>
<td class="kbkey"><input type="button" class="abc" value="è" onclick="kb('inpc', '\xe8')" /></td>
<td class="kbkey"><input type="button" class="abc" value="É" onclick="kb('inpc', '\xc9')" /></td>
<td class="kbkey"><input type="button" class="abc" value="é" onclick="kb('inpc', '\xe9')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ê" onclick="kb('inpc', '\xca')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ê" onclick="kb('inpc', '\xea')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ë" onclick="kb('inpc', '\xcb')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ë" onclick="kb('inpc', '\xeb')" /></td>
</tr><tr>
<td class="kbkey"><input type="button" class="abc" value="Ì" onclick="kb('inpc', '\xcc')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ì" onclick="kb('inpc', '\xec')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Í" onclick="kb('inpc', '\xcd')" /></td>
<td class="kbkey"><input type="button" class="abc" value="í" onclick="kb('inpc', '\xed')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Î" onclick="kb('inpc', '\xce')" /></td>
<td class="kbkey"><input type="button" class="abc" value="î" onclick="kb('inpc', '\xee')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ï" onclick="kb('inpc', '\xcf')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ï" onclick="kb('inpc', '\xef')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ñ" onclick="kb('inpc', '\xd1')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ñ" onclick="kb('inpc', '\xf1')" /></td>
</tr><tr>
<td class="kbkey"><input type="button" class="abc" value="Ò" onclick="kb('inpc', '\xd2')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ò" onclick="kb('inpc', '\xf2')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ó" onclick="kb('inpc', '\xd3')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ó" onclick="kb('inpc', '\xf3')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ô" onclick="kb('inpc', '\xd4')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ô" onclick="kb('inpc', '\xf4')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ö" onclick="kb('inpc', '\xd6')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ö" onclick="kb('inpc', '\xf6')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Õ" onclick="kb('inpc', '\xd5')" /></td>
<td class="kbkey"><input type="button" class="abc" value="õ" onclick="kb('inpc', '\xf5')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ø" onclick="kb('inpc', '\xd8')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ø" onclick="kb('inpc', '\xf8')" /></td>
</tr><tr>
<td class="kbkey"><input type="button" class="abc" value="ß" onclick="kb('inpc', '\xdf')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Þ" onclick="kb('inpc', '\xde')" /></td>
<td class="kbkey"><input type="button" class="abc" value="þ" onclick="kb('inpc', '\xfe')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ù" onclick="kb('inpc', '\xd9')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ù" onclick="kb('inpc', '\xf9')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ú" onclick="kb('inpc', '\xda')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ú" onclick="kb('inpc', '\xfa')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Û" onclick="kb('inpc', '\xdb')" /></td>
<td class="kbkey"><input type="button" class="abc" value="û" onclick="kb('inpc', '\xfb')" /></td>
<td class="kbkey"><input type="button" class="abc" value="Ü" onclick="kb('inpc', '\xdc')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ü" onclick="kb('inpc', '\xfc')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ý" onclick="kb('inpc', '\xfd')" /></td>
<td class="kbkey"><input type="button" class="abc" value="ÿ" onclick="kb('inpc', '\xff')" /></td>
</tr>
</table>
</body>
</html>