hi,
i'm quite new to javascript and AJAX,
but i know java, but haven't really used it for quite a while,
mostly i only do PHP,MYSQL
however, i think that my question is mostly related to javascript,
that's y i postig my question here
I'm trying to implement a barcode reader system
using php, mysql , javascript and AJAX
I'm trying to detect \n which will b passed from the barcode reader,
and then something (some action) will be invoked.
for example, i will have one text field display,
the field will be cursored (prompted)
i'll have barcode reader,
scan one barcode,
barcode (number) is then inputted into the system
(which normally, the number that has been read will b appended by \n)
then , the new field will then pop out (using CSS, JAVAscript)
what i don't know how to do is the part that is need to detect the newline sysbol
and then another textfield will b pop out
i do believe that i have to use javascript to detect it,
but i just don't know how to start,
i've been searching for this for a few days, already.
any help on this would b realy appreciate.
Tom
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
but the problem is, how can i do he keep checking?
it's like when the number has been read,
that instant the number is inserted into the textFeild
and then another textField supposed to pop out in that instant.
so basically i need something to keep checking all the time..
any example 'basicinstinct' ?
Tom
tom_mk,
I don't see how AJAX is involved. It seems like you have the cursor in the text field and then have it get the barcode reader data. Is that correct or is there more to it?
If so, the first challenge is getting an event to notice the barcode data. The browser has a number of events to use for keyboard, mouse, etc but the barcode data seems to be ignored. Take a look at the question below where I am working with another member on a similar problem.
http:Q_22087672.html
Finding a new line character in a string is easy and you javascript can create a new text field and put focus on that field. I can help with that but the first challenge would be to find an event that works. You could try an onkeyup event like the one below in the text field to see if it detects the scanner.
onkeyup="alert('key up'); return false;"
Let me know the results if you run that test or other events. We can work from there if the browser can detect and get the data. Let me know if you have any questions or need more information.
b0lsc0tt
hi,
i've tried on what you suggeseted,
eveything mostly works, except one thing.
the function won't start successfully, until i have a space bar after \n
u will c what i 'm saying after u tested it out.. i guess
so i uploaded the source to my homepage
http://www.tom1789.com/jav
What function? Do you mean the alert? I don't have a scanner I can use to test this so I need to go with your test and feedback.
Did you press the space bar? You can't press a key on your keyboard to test this. You can click with your mouse to put the cursor in the input box but then just use the reader. Did you try the onkeyup event or a different one?
Thanks for clarifying what you did and what happened. Let me know.
bol
my version,
<html>
<head>
<script type="text/javascript">
var timer;
window.onload = function(){
focusField();
timer = setInterval('stripNewline(
}
function stripNewline(obj){
if(obj.value.indexOf('\\n'
obj.value = obj.value.replace('\\n', '');
//clearInterval(timer);
//obj.form.submit(); //if this needs to be submitted
}
}
function focusField()
{
var uu = document.getElementById("f
uu.focus();
}
</script>
</head>
<body>
<form name="frm1" method="post" action="" onsubmit="return ">
Barcode Number :
<input type="text" name="fname" id="fname">
<br />
<a href="tmp1.html">REFRESH</
</body>
</html>
new version with the help from
> http://www.dustindiaz.com/
live demo (with not working as i expected) : http://www.tom1789.com/jav
<html>
<head>
<script type="text/javascript">
function upperCase(x,box)
{
// to upperCase all the character
var y=document.getElementById(
document.getElementById(x)
var sentence = y;
// to detect the ending and increment the form
if ((sentence.indexOf("\n")!=
{
// create another DIV and put textField into it
var ni = document.getElementById(bo
var numi = document.getElementById('n
var num = (document.getElementById("
numi.value = num;
var divIdName = "my"+num+"Div";
var newdiv = document.createElement('di
newdiv.setAttribute("id",d
newdiv.innerHTML = "<input type='text' id='"+divIdName+"' onkeyup='upperCase(this.id
ni.appendChild(newdiv);
// make new textField Focus
var kk = document.getElementById(di
kk.focus();
}
}
window.onload = function()
{
focusField();
}
function focusField()
{
var uu = document.getElementById("f
uu.focus();
}
</script>
</head>
<body>
Barcode Number :
<input type="hidden" id="numField" value="0" />
<input type="text" id="fname" onkeyup="upperCase(this.id
<br />
<div id="target">
</div>
<a href="tmp1.html">REFRESH</
</body>
</html>
I still have time to code so I went back. Merry Christmas! ;-)
try this,
<html>
<head>
<script type="text/javascript">
var timer;
var fieldCount = 1;
window.onload = function(){
focusField();
timer = setInterval('stripNewline(
}
function stripNewline(obj){
if(obj.value.indexOf('\\n'
var newField = obj.cloneNode(false);
newField.name = 'fname' + (fieldCount + 1);
newField.id = newField.name;
newField.value = '';
obj.parentNode.appendChild
obj.parentNode.appendChild
newField.focus();
fieldCount++;
}
}
function focusField()
{
var uu = document.getElementById("f
uu.focus();
}
</script>
</head>
<body>
<form name="frm1" method="post" action="" onsubmit="">
Barcode Number :
<input type="text" name="fname1" id="fname1">
</form>
<br />
<a href="tmp1.html">REFRESH</
</body>
</html>
Business Accounts
Answer for Membership
by: basicinstinctPosted on 2006-12-22 at 21:47:14ID: 18190903
Well you can use String.indexOf("\n") just like in Java, or you can use String.match(/\n/)