how can i enable the textbox in this code?? for example, user input 3 in the textbox, i want textbox 1 tp 3 to enable and have border line..
or maybe, if someone can simplify this code..
pls help..
<html>
<body>
<center>
<form name=”procForm”>
Number of Process: <input type=”text” name=”procText” size=4><input type=”button” name=”procBtn” value=”OK” onclick=”procOK()”>
<table>
<tr>
<td><input type=”text” name=”proc1″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”burst1″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”arrival1″ size=4 style=”border:0px” disabled></td>
</tr>
<tr>
<td><input type=”text” name=”proc2″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”burst2″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”arrival2″ size=4 style=”border:0px” disabled></td>
</tr>
<tr>
<td><input type=”text” name=”proc3″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”burst3″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”arrival3″ size=4 style=”border:0px” disabled></td>
</tr>
<tr>
<td><input type=”text” name=”proc4″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”burst4″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”arrival4″ size=4 style=”border:0px” disabled></td>
</tr>
<tr>
<td><input type=”text” name=”proc5″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”burst5″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”arrival5″ size=4 style=”border:0px” disabled></td>
</tr>
<tr>
<td><input type=”text” name=”proc5″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”burst5″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”arrival5″ size=4 style=”border:0px” disabled></td>
</tr>
<tr>
<td><input type=”text” name=”proc5″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”burst5″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”arrival5″ size=4 style=”border:0px” disabled></td>
</tr>
<tr>
<td><input type=”text” name=”proc6″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”burst6″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”arrival6″ size=4 style=”border:0px” disabled></td>
</tr>
<tr>
<td><input type=”text” name=”proc7″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”burst7″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”arrival7″ size=4 style=”border:0px” disabled></td>
</tr>
<tr>
<td><input type=”text” name=”proc8″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”burst8″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”arrival8″ size=4 style=”border:0px” disabled></td>
</tr>
<tr>
<td><input type=”text” name=”proc9″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”burst9″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”arrival9″ size=4 style=”border:0px” disabled></td>
</tr>
<tr>
<td><input type=”text” name=”proc10″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”burst10″ size=4 style=”border:0px” disabled></td>
<td><input type=”text” name=”arrival10″ size=4 style=”border:0px” disabled></td>
</tr>
</table>
</form>
<script type=”text/javascript”>
var numProcess=document.procForm.procText.value;
function procOK()
{
document.procForm.procText.disabled=”disabled”;
document.procForm.procBtn.disabled=”disabled”;
}
</script>
</center>
</body>
</html>