Advertisement
Guest User

index.html - BarcodeScanner

a guest
Mar 1st, 2012
413
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.55 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=320; user-scalable=no" />
  5. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  6. <title>PhoneGap</title>
  7. <link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title" charset="utf-8">
  8. <script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script>
  9. <script type="text/javascript" charset="utf-8" src="barcodescanner.js"></script>
  10. <script type="text/javascript" charset="utf-8">
  11.  
  12. function init(){
  13. console.log("GOT AN ONLOAD!!!")
  14. document.addEventListener("touchmove", preventBehavior, false);
  15. document.addEventListener("deviceready", deviceInfo, true);
  16. }
  17.  
  18. var preventBehavior = function(e) {
  19. e.preventDefault();
  20. };
  21.  
  22. var deviceInfo = function(){
  23. console.log("In deviceInfo!");
  24. document.getElementById("platform").innerHTML = device.platform;
  25. document.getElementById("version").innerHTML = device.version;
  26. document.getElementById("uuid").innerHTML = device.uuid;
  27. }
  28.  
  29. function scan() {
  30. window.plugins.barcodeScanner.scan(function(result) {
  31. alert("We got a barcode\n" +
  32. "Result: " + result.text + "\n" +
  33. "Format: " + result.format);
  34. }, function(error) {
  35. alert("Scanning failed: " + error);
  36. });
  37. }
  38.  
  39. function encode(type, data) {
  40. window.plugins.barcodeScanner.encode(type, data, function(result) {
  41. alert("encode success: " + result);
  42. }, function(error) {
  43. alert("encoding failed: " + error);
  44. });
  45. }
  46.  
  47. </script>
  48. </head>
  49. <body onload="init();" id="stage" class="theme">
  50. <h1>Welcome to PhoneGap!</h1>
  51. <h2>this file is located at assets/index.html</h2>
  52. <div id="info">
  53. <h4>Platform: <span id="platform">&nbsp;</span></h4>
  54. <h4>Version: <span id="version">&nbsp;</span></h4>
  55. <h4>UUID: <span id="uuid">&nbsp;</span></h4>
  56. </div>
  57. <a href="#" class="btn large" onclick="scan();">Scan</a>
  58. <a href="#" class="btn large" onclick="encode(BarcodeScanner.Encode.TEXT_TYPE, 'http://www.phonegap.com');">Encode Text</a>
  59. <a href="#" class="btn large" onclick="encode(BarcodeScanner.Encode.EMAIL_TYPE, 'someone@somewhere.com');">Encode Email</a>
  60. <a href="#" class="btn large" onclick="encode(BarcodeScanner.Encode.PHONE_TYPE, '1800551212');">Encode Phone</a>
  61. </body>
  62. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement