I’m trying to use the code below to scan multiple barcodes and insert them in the coresponding textboxes. What i want to achieve is to press the scan button in front of the textfield and the scan result to be inserted in the textfield near the scanbutton.
Ex of code that i use ( is ok for the first textfield)
<!DOCTYPE html>
<script type="text/javascript">
function zxinglistener(e){
localStorage["zxingbarcode"] = "";
if(e.url.split("#")[0] == window.location.href){
window.focus();
processBarcode(decodeURIComponent(e.newValue));
}
window.removeEventListener("storage", zxinglistener, false);
}
if(window.location.hash != ""){
localStorage["zxingbarcode"] = window.location.hash.substr(1);
self.close();
window.location.href="about:blank";//In case self.close is disabled
}else{
window.addEventListener("hashchange", function(e){
window.removeEventListener("storage", zxinglistener, false);
var hash = window.location.hash.substr(1);
if (hash != "") {
window.location.hash = "";
processBarcode(decodeURIComponent(hash));
}
}, false);
}
function getScan(){
var href = window.location.href.split("#")[0];
window.addEventListener("storage", zxinglistener, false);
zxingWindow = window.open("zxing://scan/?ret=" + encodeURIComponent(href + "#{CODE}"),'_self');
}
</script>
<html>
<head>
<script type="text/javascript">
function processBarcode(b){
document.getElementById("result1").value=b;
}
</script>
</head>
<body>
<button onclick="getScan()">get Scan result1</button>
<input id="result1" type="text"></input><br>
<button onclick="getScan()">get Scan result2</button>
<input id="result2" type="text"></input><br>
<button onclick="getScan()">get Scan result3</button>
<input id="result3" type="text"></input><br>
</body>
</html>