我已經添加zxing條碼掃描器插件成功在我的android phonegap應用程序這裏是js代碼在頁面上顯示我能夠看到條形碼掃描儀屏幕。zxing條碼掃描儀在固定格在phonegap android應用程序
$('#scanpage').live('pageshow', function (event, ui) {
//navigator.notification.alert("Search page");
window.plugins.barcodeScanner.scan(function(result) {
//navigator.notification.alert("We got a barcode\n" + "Result: " + result.text + "\n" +"Format: " + result.format + "\n" +
// "Cancelled: " + result.cancelled);
}, function(error) {
navigator.notification.alert("Scanning failed: " + error);
});
});
這裏是HTML5網頁代碼
div id="scanpage" data-role="page">
<div data-role="header" class="pageheader">
<div class="height30" style="padding-right:2%;">
<div class="back" style="margin-right:2%;"><a href="#homepage">Back</a></div>
<div class="logo2" ><a href="#" ><img src="images/scan.png" style="padding-top:12px;" alt="Scan Code" /></a>
</div>
</div>
</div>
<div data-role="content" class="wrapper" style="width:100%">
<div style="background-color:#000000;" >
<div style="height:400px;" id="scanarea"></div>
<input name="" type="button" class="button" value="Focus and Scan" data-role="none" />
</div><!-- inner div-->
</div>
</div> <!-- end SCAN PAGE -->
,但它是如何工作的,當我打開網頁,首先加載HTML,但在第二個整個屏幕上覆蓋有條形碼掃描器的窗口,我想解決這個問題在DIV'scanarea'中掃描區域。但不知道如何修復它在某些div區域,並在按鈕單擊掃描將執行並閱讀條形碼。
掃描窗口
html頁面
需要表現出這樣的
讓我檢查一下。非常感謝你 – Ayesha
你能幫忙在處理java掃描這裏是我的帖子http://stackoverflow.com/questions/12627100/perform-scanning-manually-on-button-click-for-barcodesacnner-plugin-android- IN-p – Ayesha