BarcodeScanner example


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>

Related topics

Public API reference
BarcodeScanner
Legal notice | Copyright © 2015 and Confidential to Pegasystems Inc. All rights reserved. | Feedback
Advanced...