Hi..

I need help in moving focus to the next textfield after I input data to the first textfield.
Now in my code when I have data to stock_item textfield it did not move the cursor or focus on the next textfield which is lot_no.
here is my code:
Code:
<?php                                                                        
   error_reporting(0);
   date_default_timezone_set("Asia/Singapore"); //set the time zone
$con = mysql_connect('localhost', 'root','');
if (!$con) {
    echo 'failed';
    die();
}
mysql_select_db("mes", $con);
?>
<html>
<title>Picking</title>
<head>
<link href="kanban.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function StockItemFocus() {
    if (!document.getElementById('stock_item').disabled) {
        if (document.activeElement.name='stock_item') {
            document.getElementById('stock_item').focus();  
        }
    }  
    
}
</script>
<script type="text/javascript">
var ajaxTimeOut = null;
var ajaxTimeOutOperator = null;
var responsePHP; // = "no_reply"
var responsePHPOperator;
var changeFocus; //= false;
var transactionWasSaved;
function remoteRequestObject() {
    var ajaxRequest = false;
    try {
        ajaxRequest = new XMLHttpRequest();
    }
    catch(err) {
        try{
            ajaxRequest = new ActiveXObject("MSxml2.XMLHTTP");
        }
        catch(err) {
            try{
                ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(err){
                // --> change to DOM alert("Not Supported Browser") + err.description;
                notify('Not Supported Browser.');
                return false;
            }
        }
    }
    return ajaxRequest;
}
var ajaxRequest; // = remoteRequestObject();
//var ajaxRequest = remoteRequestObject();  
var ajaxRequestOperator;
</script>
<script type="text/javascript">
function lotIdCheck(element) {
    //var lotCodeStr;
    var suffix;
    if (window.event.keyCode==13 || window.event.keyCode==10) {
      
        var txtElementID = element;
        if (txtElementID.value == "") { return false; }
  
    capture(txtElementID);
          
    }
    }  

function sequence() {      
           document.getElementById('stock_item').focus();
           document.getElementById('lot_no').disabled = true;      
           document.getElementById('sr_no').disabled = true;
           document.getElementById('bin_loc').disabled = true;
           document.getElementById('picked_by').disabled = true;
          
           var txt = document.getElementById('lot_no');
           if (txt.attachEvent) {
               txt.attachEvent ("onkeypress", function () {lotIdCheck(txt)});
           }
          
           document.getElementById('stock_item').focus();
          
           document.attachEvent('onmousewheel', function(e){
            if (!e) var e = window.event;
            e.returnValue = false;
            e.cancelBubble = true;
            return false;
            }, false);
}
</script>

</head>
<body onload="sequence();" oncontextmenu="return false;" onselectstart="return false;" onmousemove="StockItemFocus();" onclick="StockItemFocus();">
<div class='stock_item_label'>
<label> Stock Item : </label>
</div>
<div class='stock_item_field'>
<input type='text' name='stock_item' id='stock_item' value='' size='30'>
</div>
<div class='lot_label'>
<label> Lot # : </label>
</div>
<div class='lot_field'>
<input type='text' name='lot_no' id='lot_no' value='' size='30' >
</div>
<div class='sr_label'>
<label> SR # :  </label>
</div>
<div class='sr_field'>
<input type='text' name='sr_no' id='sr_no' value='' size='30'>
</div>
<div class='bin_label'>
<label> Bin Loc : </label>
</div>
<div class='bin_field'>
<input type='text' name='bin_loc' id='bin_loc' value='' size='30' >
</div>
<div class='pick_label'>
<label> Picked By :</label>
</div>
<div class='pick_field'>
<input type='text' name='picked_by' id='picked_by' value='' size='30'>
</div>
</form>
</body>
</html>
Thank you