Salve ragazzi, ho bisogno di una mano...possiedo una tastiera virtuale, ecco i codici:
codice HTML:<form action="" method="post" id="loginform"> <label for="username">Username:</label> <input type="text" name="username" id="username" /> <label for="pwd">Password:</label> <input type="text" name="pwd" id="pwd"/> </form> <input class="tastiera" type="button" id="showkeyboard" onclick="change()" value="Apri Tastiera"> </div> <div id="keyboard"> <div class="wrapper" id="row0"> <input class="box" name="accent" type="button" value="`" /> <input class="box" name="1" type="button" value="1" /> <input class="box" name="2" type="button" value="2" /> <input class="box" name="3" type="button" value="3" /> <input class="box" name="4" type="button" value="4" /> <input class="box" name="5" type="button" value="5" /> <input class="box" name="6" type="button" value="6" /> <input class="box" name="7" type="button" value="7" /> <input class="box" name="8" type="button" value="8" /> <input class="box" name="9" type="button" value="9" /> <input class="box" name="0" type="button" value="0" /> <input class="box" name="-" type="button" value="-" /> <input class="box" name="=" type="button" value="=" /> <input class="box1" name="backspace" type="button" value="Cancella" /> </div> <div class="wrapper" id="row0_shift"> <input class="box" name="tilde" type="button" value="~" /> <input class="box" name="exc" type="button" value="!" /> <input class="box" name="at" type="button" value="@" /> <input class="box" name="hash" type="button" value="#" /> <input class="box" name="dollar" type="button" value="$" /> <input class="box" name="percent" type="button" value="%" /> <input class="box" name="caret" type="button" value="^" /> <input class="box" name="ampersand" type="button" value="&" /> <input class="box" name="asterik" type="button" value="*" /> <input class="box" name="openbracket" type="button" value="(" /> <input class="box" name="closebracket" type="button" value=")" /> <input class="box" name="underscore" type="button" value="_" /> <input class="box" name="plus" type="button" value="+" /> <input class="box1" name="backspace" type="button" value="Cancella" /> </div> <div class="wrapper" id="row1"> <input class="box" name="q" type="button" value="q" /> <input class="box" name="w" type="button" value="w" /> <input class="box" name="e" type="button" value="e" /> <input class="box" name="r" type="button" value="r" /> <input class="box" name="t" type="button" value="t" /> <input class="box" name="y" type="button" value="y" /> <input class="box" name="u" type="button" value="u" /> <input class="box" name="i" type="button" value="i" /> <input class="box" name="o" type="button" value="o" /> <input class="box" name="p" type="button" value="p" /> <input class="box" name="[" type="button" value="[" /> <input class="box" name="]" type="button" value="]" /> <input class="box" name="\" type="button" value="\" /> </div> <div class="wrapper" id="row1_shift"> <input class="box" name="Q" type="button" value="Q" /> <input class="box" name="W" type="button" value="W" /> <input class="box" name="E" type="button" value="E" /> <input class="box" name="R" type="button" value="R" /> <input class="box" name="T" type="button" value="T" /> <input class="box" name="Y" type="button" value="Y" /> <input class="box" name="U" type="button" value="U" /> <input class="box" name="I" type="button" value="I" /> <input class="box" name="O" type="button" value="O" /> <input class="box" name="P" type="button" value="P" /> <input class="box" name="{" type="button" value="{" /> <input class="box" name="}" type="button" value="}" /> <input class="box" name="|" type="button" value="|" /> </div> <div class="wrapper" id="row2"> <input class="box" name="a" type="button" value="a" /> <input class="box" name="s" type="button" value="s" /> <input class="box" name="d" type="button" value="d" /> <input class="box" name="f" type="button" value="f" /> <input class="box" name="g" type="button" value="g" /> <input class="box" name="h" type="button" value="h" /> <input class="box" name="j" type="button" value="j" /> <input class="box" name="k" type="button" value="k" /> <input class="box" name="l" type="button" value="l" /> <input class="box" name=";" type="button" value=";" /> <input class="box" name="'" type="button" value="'" /> </div> <div class="wrapper" id="row2_shift"> <input class="box" name="a" type="button" value="A" /> <input class="box" name="s" type="button" value="S" /> <input class="box" name="d" type="button" value="D" /> <input class="box" name="f" type="button" value="F" /> <input class="box" name="g" type="button" value="G" /> <input class="box" name="h" type="button" value="H" /> <input class="box" name="j" type="button" value="J" /> <input class="box" name="k" type="button" value="K" /> <input class="box" name="l" type="button" value="L" /> <input class="box" name=";" type="button" value=":" /> <input class="box" name="'" type="button" value='"' /> </div> <div class="wrapper" id="row3"> <input class="box" name="Shift" type="button" value="Maiusc" id="shift" /> <input id="row3c" class="box" name="z" type="button" value="z" /> <input id="row3c" class="box" name="x" type="button" value="x" /> <input id="row3c" class="box" name="c" type="button" value="c" /> <input id="row3c" class="box" name="v" type="button" value="v" /> <input id="row3c" class="box" name="b" type="button" value="b" /> <input id="row3c" class="box" name="n" type="button" value="n" /> <input id="row3c" class="box" name="m" type="button" value="m" /> <input id="row3c" class="box" name="," type="button" value="," /> <input id="row3c" class="box" name="." type="button" value="." /> <input id="row3c" class="box" name="/" type="button" value="/" /> </div> <div class="wrapper" id="row3_shift"> <input class="box" name="Shift" type="button" value="Maiusc" id="shifton" /> <input class="box" name="Z" type="button" value="Z" /> <input class="box" name="X" type="button" value="X" /> <input class="box" name="C" type="button" value="C" /> <input class="box" name="V" type="button" value="V" /> <input class="box" name="B" type="button" value="B" /> <input class="box" name="N" type="button" value="N" /> <input class="box" name="M" type="button" value="M" /> <input class="box" name="lt" type="button" value="<" /> <input class="box" name="gt" type="button" value=">" /> <input class="box" name="?" type="button" value="?" /> </div> <div class="wrapper" id="spacebar"> <input class="box" name="Spazio" type="button" value=" " /> </div> </div> </center> <script type="text/javascript" src="Serpinter/tast/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="Serpinter/tast/jquery-ui-personalized-1.5.2.min.js"></script> <script type="text/javascript" src="Serpinter/tast/jquery-fieldselection.js"></script> <script type="text/javascript" src="Serpinter/tast/vkeyboard.js"></script>