Jump to content

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

newphpcoder

By newphpcoder
in Javascript Help

Recommended Posts

newphpcoder Advanced Member

newphpcoder

Posted
Posted

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:

 

<?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

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.