Tja,
Är det möjligt att få markören att automatiskt hoppa
till nästa input-ruta när man skrivit i en siffra i det fält man
står i?
Exempel: Om man står i fält 1 i nedanstående sida och skriver in en 2:a så vill jag att den automatiskt hoppar till fält 2. Max ett tecken per fält.
/S
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function addera(theForm){
var summan = 0;
for(var i=0; i<18; i++){
summan += (isNaN(parseFloat(theForm.elements[i].value))) ? 0 : parseFloat(theForm.elements[i].value);
}
theForm.summa.value = summan;
}
</script>
</head>
<body>
<center>
<form method="post" action="" name="">
<table border="0">
<tr>
<td><b>Varv <%=Request.QueryString("varv")%></b></td>
</tr>
<td>
<table border="1" style="border-collapse: collapse" bordercolor="#000000" width="90">
<tr>
<td align="center" bgcolor="#CCCCCC"><b>1</b></td>
<td align="center" bgcolor="#CCCCCC"><b>2</b></td>
<td align="center" bgcolor="#CCCCCC"><b>3</b></td>
<td align="center" bgcolor="#CCCCCC"><b>4</b></td>
<td align="center" bgcolor="#CCCCCC"><b>5</b></td>
<td align="center" bgcolor="#CCCCCC"><b>6</b></td>
<td align="center" bgcolor="#CCCCCC"><b>7</b></td>
<td align="center" bgcolor="#CCCCCC"><b>8</b></td>
<td align="center" bgcolor="#CCCCCC"><b>9</b></td>
</tr>
<tr>
<td align="center" bgcolor="#000000"><input type="text" name="bana1" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
<td align="center" bgcolor="#000000"><input type="text" name="bana2" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
<td align="center" bgcolor="#000000"><input type="text" name="bana3" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
<td align="center" bgcolor="#000000"><input type="text" name="bana4" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
<td align="center" bgcolor="#000000"><input type="text" name="bana5" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
<td align="center" bgcolor="#000000"><input type="text" name="bana6" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
<td align="center" bgcolor="#000000"><input type="text" name="bana7" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
<td align="center" bgcolor="#000000"><input type="text" name="bana8" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
<td align="center" bgcolor="#000000"><input type="text" name="bana9" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
</tr>
<tr>
<td align="center" bgcolor="#CCCCCC"><b>10</b></td>
<td align="center" bgcolor="#CCCCCC"><b>11</b></td>
<td align="center" bgcolor="#CCCCCC"><b>12</b></td>
<td align="center" bgcolor="#CCCCCC"><b>13</b></td>
<td align="center" bgcolor="#CCCCCC"><b>14</b></td>
<td align="center" bgcolor="#CCCCCC"><b>15</b></td>
<td align="center" bgcolor="#CCCCCC"><b>16</b></td>
<td align="center" bgcolor="#CCCCCC"><b>17</b></td>
<td align="center" bgcolor="#CCCCCC"><b>18</b></td>
</tr>
<tr>
<td align="center" bgcolor="#000000"><input type="text" name="bana10" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
<td align="center" bgcolor="#000000"><input type="text" name="bana11" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
<td align="center" bgcolor="#000000"><input type="text" name="bana12" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
<td align="center" bgcolor="#000000"><input type="text" name="bana13" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
<td align="center" bgcolor="#000000"><input type="text" name="bana14" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
<td align="center" bgcolor="#000000"><input type="text" name="bana15" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
<td align="center" bgcolor="#000000"><input type="text" name="bana16" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
<td align="center" bgcolor="#000000"><input type="text" name="bana17" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
<td align="center" bgcolor="#000000"><input type="text" name="bana18" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
</tr>
<tr>
<td colspan="8" align="right" bgcolor="#CCCCCC"><b>SUMMA:</b> </td>
<td bgcolor="red"><input type="text" value="0" style="text-align: center; font-weight: bold; color: red;" size="1" name="summa<%=Request.QueryString("varv")%>"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="9" align="right"><input type="submit" value="Regga"> <input type="reset" value="Sudda"></td>
</tr>
</table>
</form>
</center>
</body>
</html>