Virtual Keyboard

[eT`]

Tātad man vajadzēja virtual keyboardu.

Googlē dabūju bet nestrādā.

It kā izvadās bet kad spiežu uz pogām neievietojas formā :/

 

HTML daļa:

<link rel="stylesheet" href="css/virtual_keyboard.css" type="text/css">
<script type="text/javascript" src="js/virtual_keyboard.js"></script>
<input name="password" id="ctl21_txtPassword" style="width: 100%;" type="password">
<div id="_keyboard_1_wrapper" class="keyboard-wrapper" align="center">
<div id="_keyboard_1"><div class="virtual-keyboard">  <!-- <div id="keyboard1" class="virtual-keyboard" > -->     
<div class="numbers-line">     
<input tabindex="1000" value="1" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="2" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="3" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="4" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="5" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="6" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="7" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="8" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="9" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="0" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="-" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" style="width: 50px; font-size: 12px;" value="←" onClick="vkb_keyPressed(this); return false;" type="button"></div><div class="q-line"><input tabindex="1000" value="q" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="w" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="e" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="r" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="t" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="y" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="u" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="i" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="o" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="p" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="_" onClick="vkb_keyPressed(this); return false;" type="button"></div><div class="a-line"><input tabindex="1000" style="width: 60px; font-size: 9px;" value="Caps Lock" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="a" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="s" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="d" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="f" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="g" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="h" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="j" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="k" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="l" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="|" onClick="vkb_keyPressed(this); return false;" type="button"></div><div class="z-line"><input tabindex="1000" style="width: 78px; font-size: 9px;" value="Shift" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="z" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="x" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="c" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="v" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="b" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="n" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="m" onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="," onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="." onClick="vkb_keyPressed(this); return false;" type="button"><input tabindex="1000" value="?" onClick="vkb_keyPressed(this); return false;" type="button"></div><div class="space-line"><input tabindex="1000" style="width: 175px;" value=" " onClick="vkb_keyPressed(this); return false;" type="button"><img style="margin: 0pt; width: 22px; height: 1px;"><input id="clear" tabindex="1000" style="width: 60px; font-size: 9px;" value="Clear" onClick="vkb_keyPressed(this); return false;" type="button"></div>  
<!-- </div> -->
</div>
</div>
</div>

 

JS fails

http://paste.php.lv/7baa7b3641694d865056e694fba620ce?lang=javascript

 

CSS fails:

.virtual-keyboard {
 width: 365px;
padding: 4px 4px 4px 4px;
}
.virtual-keyboard input {
 width: 25px;
 height: 25px;
 font-size: 11px;
}

.virtual-keyboard .numbers-line {
 padding-left: 32px;
}

.virtual-keyboard .q-line {
 padding-left: 47px;
}

.virtual-keyboard .space-line {
 padding-left: 100px;
}

[Val]

firebug konsolē izmet

oTextInput is null
  oTextInput.value += oSender.value;\nvirtual_...yboard.js (line 101)

 

 

īsāk sakot

<input name="password" id="ctl21_txtPassword" style="width: 100%;" type="text">
<div id="_keyboard_1_wrapper" class="keyboard-wrapper" align="center">
<div id="_keyboard_1"></div>
	<script type="text/javascript">
		vkb_createKeyboard("_keyboard_1", "ctl21_txtPassword");
	</script>

</div>