2017-09-21 8 views
0

うまくいけば、誰かが私に次のことを助けることができます。 。 。私の下のコードを見れば、私のHTML投稿フォームの一部を見ることができます。私はphonegapビルドでバーコードスキャナープラグインを使ってフィールドの1つを入力しています。スキャナは完璧に動作しますが、他の送信ラインに似たフィールドに表示されないようです...シリアルナンバーを手動で入力するかスキャナを使用するかを選択できるフィールドに表示します。 。 。私はまた、このデータをデータベースにプルする必要があります。私のJavascriptはスキャナが正常に機能するので問題ありません。ちょうど私が望む方法で表示されません。 Id = "info"はスキャナの結果を示します。Phonegapのバーコードスキャナープラグインを使用してHTML文書のフィールド/ラベルを入力する

<div class="form-group"> 
 
    <label for="addressline1">Address Line 1:</label> 
 
    <input type="text" class="form-control" placeholder="Please enter address of installation" required="required" name="addressline1"> 
 
    </div> 
 
    <div class="form-group"> 
 
    <label for="addressline2">Address Line 2:</label> 
 
    <input type="text" class="form-control" placeholder="Please enter address of installation" name="addressline2"> 
 
    </div> 
 
    <div class="form-group"> 
 
    <label for="addressline3">Address Line 3:</label> 
 
    <input type="text" class="form-control" placeholder="Please enter address of installation" name="addressline3"> 
 
    </div> 
 

 
<br> 
 

 
    <div class="form-group"> 
 
<a href="#" class="btn btn-primary btn-lg btn-block" id="scan">Scan Serial Number</a> 
 
</div> 
 
<div class="form-group"> 
 
<br> 
 
<h4><strong>Serial Number:</strong></h4><p id="info" type="number" class="form-control" placeholder="Please use barcode scanner above" required="required" name="info"></p> 
 
</div>

var app = { 
 
    
 
    initialize: function() { 
 
     this.bindEvents(); 
 
    }, 
 

 
    bindEvents: function() { 
 
     document.addEventListener('deviceready', this.onDeviceReady, false); 
 
     document.getElementById('scan').addEventListener('click', this.scan, false); 
 
     document.getElementById('encode').addEventListener('click', this.encode, false); 
 
    }, 
 

 
    
 
    onDeviceReady: function() { 
 
     app.receivedEvent('deviceready'); 
 
    }, 
 

 
    receivedEvent: function(id) { 
 
     var parentElement = document.getElementById(id); 
 
     var listeningElement = parentElement.querySelector('.listening'); 
 
     var receivedElement = parentElement.querySelector('.received'); 
 

 
     listeningElement.setAttribute('style', 'display:none;'); 
 
     receivedElement.setAttribute('style', 'display:block;'); 
 

 
     console.log('Received Event: ' + id); 
 
    }, 
 

 
    scan: function() { 
 
     console.log('scanning'); 
 

 
     var scanner = cordova.plugins.barcodeScanner; 
 

 
     scanner.scan(function (result) { 
 

 

 

 
      console.log("Scanner result: \n" + 
 
       "text: " + result.text + "\n" + 
 
       "format: " + result.format + "\n" + 
 
       "cancelled: " + result.cancelled + "\n"); 
 
      document.getElementById("info").innerHTML = result.text; 
 
      console.log(result); 
 
     
 
     }, function (error) { 
 
      console.log("Scanning failed: ", error); 
 
     }); 
 
    }, 
 

 
    encode: function() { 
 
     var scanner = cordova.require("cordova/plugin/BarcodeScanner"); 
 

 
     scanner.encode(scanner.Encode.TEXT_TYPE, "http://www.nhl.com", function(success) { 
 
      alert("encode success: " + success); 
 
      }, function(fail) { 
 
      alert("encoding failed: " + fail); 
 
      } 
 
     ); 
 

 
    } 
 

 
};

+0

JavaScriptコードを使用しないと、あなたは答えが得られません。 – walv

+0

あなたのJSスニペットを貼り付けて、人々が問題を見つけていくつかの提案を提供できるようにしてください。 – msg

+0

上記のJSファイルを追加しました。 – lcummins

答えて

0

私は、しばらく前にこれを考え出したと答えを投稿するのを忘れて、それは非常に簡単に修正しました。代わりに、以下を使用してください。 。 。これは、私が必要としていたものを正確に許可しますこれがいつか誰かに助けてくれることを願っています。

関連する問題