The index.html
file containing JavaScript that makes use of the
BarcodeScanner API functionality is listed below.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | <!DOCTYPE html> <html manifest= "manifest.appcache" > <head> <title>Barcode Scanner API usage example</title> <script type= "text/javascript" > function printText(str) { var d = document.getElementById( 'text-box' ); d.appendChild(document.createTextNode(str)); d.appendChild(document.createElement( 'br' )); d.scrollTop = d.scrollHeight; } function scanBarcode() { var barcodeScanner = window.launchbox.BarcodeScanner; barcodeScanner.scan({ // One of the scan mode constants. 'scanMode' : window.launchbox.BarcodeScanner.SCAN_MODE_QR_CODE, // Specifies the character encoding to use when decoding // barcode data. Not supported by iOS. 'characterSet' : window.launchbox.BarcodeScanner.ENCODING_UTF_8, 'cropArea' : { width: 550, height: 550 } }, { 'onSuccess' : function (result) { printText( "Barcode scanner: success!" ); printText( "Barcode data: " + result.data); printText( "Barcode format: " + result.format); }, 'onCancel' : function () { printText( "Barcode scanner: cancel!" ); }, 'onFailure' : function (error) { printText( "Barcode scanner: error! " + error.description); } }); } </script> </head> <body> <header> <h3><span>Barcode Scanner API usage example</span> </h3> </header> <input type= "button" onclick= "scanBarcode();" value= "Scan Barcode" /> <div id= "text-box" ></div> </body> </html> |
The contents of the cache manifest file called manifest.appcache
for
this application are listed below:
1 2 3 4 5 6 7 | CACHE MANIFEST CACHE: index.html NETWORK: * |
The webapp-descriptor.xml
file for this application is defined in the
following way:
1 2 3 4 5 6 7 | <? xml version = "1.0" encoding = "UTF-8" ?> < webapp-descriptor xmlns="http://www.pega.com/application-hosting/ web-app-descriptor/2.0"> < id >com.pega.sample.Barcode</ id > < version >1.0.0</ version > < name >Barcode Scanner API usage example</ name > </ webapp-descriptor > |