www.webdeveloper.com
Results 1 to 2 of 2

Thread: Need help in moving focus to the next textfield

  1. #1
    Join Date
    Oct 2011
    Posts
    350

    Need help in moving focus to the next textfield

    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

  2. #2
    Join Date
    Nov 2006
    Location
    Oakland
    Posts
    500
    My question is how would you tell the web browser that you are done inputting some data in a given text field?
    By pressing enter or hitting the -> arrow in your keyboard?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles