DocumentViewer example

The index.html file containing JavaScript that makes use of the DocumentViewer 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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html manifest="manifest.appcache">
  <head>
    <title>Document viewer example</title>
    <script type="text/javascript">
       
      function printText(str) {
        var d = document.getElementById('results');
        d.appendChild(document.createTextNode(str));
        d.appendChild(document.createElement('br'));
        d.scrollTop = d.scrollHeight;
      };
 
      function clearOutput() {
        var d = document.getElementById('results');
        d.innerHTML = "";
      };
 
      var options = {};
 
      var openCallbacks = {
        onProgress: function (progress) {
          printText('Progress: ' + progress * 100);
        },
        onSuccess: function () {
          printText('SUCCESS!');
        },
        onFailure: function (error) {
          printText('FAILURE! ' + error.description + ' code: ' + error.code);
        }
      };
 
      var checkCallbacks = {
        onResult: function (result) {
          printText("SUCCESS! " + result);
        },
        onFailure: function (error) {
          printText("FAILURE! " + error.description + " code: " + error.code);
        }
      };
 
      function viewDoc(opening) {
        clearOutput();
        var e = document.getElementById("filetypeSelector");
        var url = e.options[e.selectedIndex].value;
        printText(e.options[e.selectedIndex].text + " selected");
 
        if (opening == true)
          window.launchbox.DocumentViewer.open(url, options, openCallbacks);
        else
          window.launchbox.DocumentViewer.canOpen(url, options, checkCallbacks);
      };
 
    </script>
  </head>
  <body>
    <header>
      <h3><span>
          Document Viewer API usage example
        </span>
      </h3>
    </header>
 
    <div>
      <form>
        <select id="filetypeSelector">
          <option value="http://www.wave.org.au/jupgrade/images/sample.pdf">
            PDF File
          </option>
          <option value="http://www.snee.com/xml/xslt/sample.doc">
            DOC File
          </option>
          <option value="http://www.uwcne.org/pptsample.ppt">
            PPT File
          </option>
          <option value="http://www.pega.com/sites/all/themes/pega_2014/logo.png">
            PNG File
          </option>
        </select>
        <input type="button" onclick="viewDoc(false);" value="Check if file can be displayed on this device"/>
        <input type="button" onclick="viewDoc(true);" value="Open file"/>
      </form>
      <br/>
      <input type="button" onclick="clearOutput()" value="Clear output"/>
 
    </div>
    <hr/>
    <div id="results">
    </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:
*

Related topics

Public API reference
DocumentViewer
Legal notice | Copyright © 2017 and Confidential to Pegasystems Inc. All rights reserved
PDN | Pega Mobile Client | Feedback
Advanced...