www.webdeveloper.com
Results 1 to 4 of 4

Thread: Need help in input data from barcode to textbox then move cursor to next textbox

  1. #1
    Join Date
    Oct 2011
    Posts
    350

    Need help in input data from barcode to textbox then move cursor to next textbox

    Hi..

    I need to input data in my textbox by scanning barcode then the data will input to textbox then the cursor focus move to next textbox until it goes to last textbox then save data.

    How is it possible?

    I'm not familiar with ajax

    I am right that ajax code will do it?

    here is my sample 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);
    ?>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
    <html> 
    <head> 
    <script type="text/javascript" > 
     
    // this variable says how many characters you allow 
    // to input in each textbox 
    var input_size = 3; 
     
    function checkTextBox( ct ) 
    { 
        var tab = ct.tabIndex; 
                     
             if ( ct.value.length == input_size ) 
            { 
                for(i=0; i<document.barcode.elements.length; i++) 
                { 
                          if( document.barcode.elements[i].tabIndex == (tab+1) ) 
                         {    
                             document.barcode.elements[i].focus(); 
                             break; 
                         } 
              } 
        }         
    }; 
     
    </script> 
     
    </head> 
    <body onLoad="document.barcode.code_read_box1.focus();"> 
    <form name="barcode" > 
    <input type="text" tabindex="1" id="code_read_box1" value="" onKeyPress="checkTextBox(this);"/><br/> 
    <input type="text" tabindex="2" id="code_read_box2" value="" onKeyPress="checkTextBox(this);"/><br/> 
    <input type="text" tabindex="3" id="code_read_box3" value="" onKeyPress="checkTextBox(this);"/><br/> 
    <input type="text" tabindex="4" id="code_read_box4" value="" onKeyPress="checkTextBox(this);"/><br/> 
    <input type="text" tabindex="5" id="code_read_box5" value="" onKeyPress="checkTextBox(this);"/><br/> 
    <input type="text" tabindex="6" id="code_read_box6" value="" onKeyPress="checkTextBox(this);"/><br/> 
    </form> 
    </body> 
     
    </html>
    In that code I use javascript, but the problem in my code is it move to another textbox after i input 3 characters but it did not what I want because i need to use barcode instead of keyboard.

    I hope somebody can help me.

    Thank you so much

  2. #2
    Join Date
    Mar 2013
    Posts
    1
    A barcode reader component can achieve this! take a look at this barcode reader control for web apps.

  3. #3
    Join Date
    Jul 2008
    Location
    urbana, il
    Posts
    2,787
    Quote Originally Posted by Yichikalo View Post
    A barcode reader component can achieve this! take a look at this barcode reader control for web apps.
    stay away everyone!
    what a terrible piece of software!

    whoever made that must have to resort to promoting it using resurrected forum questions from an anon account in a blatantly obvious commercial shill.

    buy your own ads once you get a decent product.

  4. #4
    Join Date
    Aug 2013
    Posts
    30
    Quote Originally Posted by Yichikalo View Post
    A barcode reader component can achieve this! take a look at this barcode reader control for web apps.
    er.. will take a look

Thread Information

Users Browsing this Thread

There are currently 4 users browsing this thread. (0 members and 4 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