App-Html5.git - Gitblit

			@@ -1,151 +1,173 @@
			<!DOCTYPE HTML>
			<html>
			<head>
			<meta charset="utf-8"/>
			<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
			<meta name="HandheldFriendly" content="true"/>
			<meta name="MobileOptimized" content="320"/>
			<meta charset="utf-8" />
			<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
			<meta name="HandheldFriendly" content="true" />
			<meta name="MobileOptimized" content="320" />
			<title>Hello H5+</title>
			<script type="text/javascript" src="../js/common.js"></script>
			<script type="text/javascript">
			var img = null;
			var blist = [];
			function scaned(t, r, f){
			var d = new Date();
			var h=d.getHours(),m=d.getMinutes(),s=d.getSeconds(),ms=d.getMilliseconds();
			if(h < 10){ h='0'+h; }
			if(m < 10){ m='0'+m; }
			if(s < 10){ s='0'+s; }
			if(ms < 10){ ms='00'+ms; }
			else if(ms < 100){ ms='0'+ms; }
			var ts = '['+h+':'+m+':'+s+'.'+ms+']';
			var li=null,hl = document.getElementById('history');
			if(blist.length > 0){
			li = document.createElement('li');
			li.className = 'ditem';
			hl.insertBefore(li, hl.childNodes[0]);
			} else{
			li = document.getElementById('nohistory');
			}
			li.id = blist.length;
			var html = '['+h+':'+m+':'+s+'.'+ms+']'+'　　'+t+'码<div class="hdata">';
			html += r;
			html += '</div>';
			li.innerHTML = html;
			li.setAttribute('onclick', 'selected(id)');
			blist[blist.length] = {type:t,result:r,file:f};
			update(t, r, f);
			}
			function selected(id){
			var h = blist[id];
			update( h.type, h.result, h.file );
			if(h.result.indexOf('http://')==0 \|\| h.result.indexOf('https://')==0){
			plus.nativeUI.confirm(h.result, function(i){
			if(i.index == 0){
			plus.runtime.openURL(h.result);
			var img = null;
			var blist = [];

			function scaned(t, r, f) {
			var d = new Date();
			var h = d.getHours(),
			m = d.getMinutes(),
			s = d.getSeconds(),
			ms = d.getMilliseconds();
			if (h < 10) {
			h = '0' + h;
			}
			if (m < 10) {
			m = '0' + m;
			}
			if (s < 10) {
			s = '0' + s;
			}
			if (ms < 10) {
			ms = '00' + ms;
			} else if (ms < 100) {
			ms = '0' + ms;
			}
			var ts = '[' + h + ':' + m + ':' + s + '.' + ms + ']';
			var li = null,
			hl = document.getElementById('history');
			if (blist.length > 0) {
			li = document.createElement('li');
			li.className = 'ditem';
			hl.insertBefore(li, hl.childNodes[0]);
			} else {
			li = document.getElementById('nohistory');
			}
			li.id = blist.length;
			var html = '[' + h + ':' + m + ':' + s + '.' + ms + ']' + '　　' + t + '码<div class="hdata">';
			html += r;
			html += '</div>';
			li.innerHTML = html;
			li.setAttribute('onclick', 'selected(id)');
			blist[blist.length] = {
			type: t,
			result: r,
			file: f
			};
			update(t, r, f);
			}
			}, '', ['打开', '取消']);
			} else{
			plus.nativeUI.alert(h.result);
			}
			}
			function update(t, r, f){
			outSet('扫描成功：');
			outLine(t);
			outLine(r);
			outLine('\n图片地址：'+f);
			if(!f \|\| f=='null'){
			img.src = '../img/barcode.png';
			} else{
			plus.io.resolveLocalFileSystemURL(f, function(entry){
			img.src=entry.toLocalURL();
			});
			//img.src = 'http://localhost:13131/'+f;
			}
			}
			function onempty(){
			if(window.plus){
			plus.nativeUI.alert('无扫描记录');
			} else {
			alert('无扫描记录');
			}
			}
			function cleanHistroy(){
			if(blist.length > 0){
			var hl = document.getElementById('history');
			hl.innerHTML = '<li id="nohistory" class="ditem" onclick="onempty();">无历史记录 </li>';
			}
			plus.io.resolveLocalFileSystemURL('_doc/barcode/', function(entry){
			entry.removeRecursively(function(){
			// Success
			}, function(e){
			//alert( "failed"+e.message );
			});
			});
			}
			// 打开二维码扫描界面
			function openBarcode(){
			createWithoutTitle('barcode_scan.html', {
			titleNView:{
			type: 'float',
			backgroundColor: 'rgba(215,75,40,0.3)',
			titleText: '扫一扫',
			titleColor: '#FFFFFF',
			autoBackButton: true,
			buttons: [{
			fontSrc: '_www/helloh5.ttf',
			text: '\ue302',
			fontSize: '18px',
			onclick: 'javascript:scanPicture()'
			}]
			}
			});
			}
			// 打开自定义扫描界面
			function openBarcodeCustom(){
			createWithoutTitle('barcode_custom.html', {
			titleNView:{
			type: 'float',
			backgroundColor: 'rgba(215,75,40,0.3)',
			titleText: '扫一扫',
			titleColor: '#FFFFFF',
			autoBackButton: true,
			buttons: [{
			fontSrc: '_www/helloh5.ttf',
			text: '\ue401',
			fontSize: '18px',
			onclick: 'javascript:switchFlash()'
			}]
			}
			});
			}

			function selected(id) {
			var h = blist[id];
			update(h.type, h.result, h.file);
			if (h.result.indexOf('http://') == 0 \|\| h.result.indexOf('https://') == 0) {
			plus.nativeUI.confirm(h.result, function(i) {
			if (i.index == 0) {
			plus.runtime.openURL(h.result);
			}
			}, '', ['打开', '取消']);
			} else {
			plus.nativeUI.alert(h.result);
			}
			}

			function update(t, r, f) {
			outSet('扫描成功：');
			outLine(t);
			outLine(r);
			outLine('\n图片地址：' + f);
			if (!f \|\| f == 'null') {
			img.src = '../img/barcode.png';
			} else {
			plus.io.resolveLocalFileSystemURL(f, function(entry) {
			img.src = entry.toLocalURL();
			});
			//img.src = 'http://localhost:13131/'+f;
			}
			}

			function onempty() {
			if (window.plus) {
			plus.nativeUI.alert('无扫描记录');
			} else {
			alert('无扫描记录');
			}
			}

			function cleanHistroy() {
			if (blist.length > 0) {
			var hl = document.getElementById('history');
			hl.innerHTML = '<li id="nohistory" class="ditem" onclick="onempty();">无历史记录 </li>';
			}
			plus.io.resolveLocalFileSystemURL('_doc/barcode/', function(entry) {
			entry.removeRecursively(function() {
			// Success
			}, function(e) {
			//alert( "failed"+e.message );
			});
			});
			}
			// 打开二维码扫描界面
			function openBarcode() {
			createWithoutTitle('barcode_scan.html', {
			titleNView: {
			type: 'float',
			backgroundColor: 'rgba(215,75,40,0.3)',
			titleText: '扫一扫',
			titleColor: '#FFFFFF',
			autoBackButton: true,
			buttons: [{
			fontSrc: '_www/helloh5.ttf',
			text: '\ue302',
			fontSize: '18px',
			onclick: 'javascript:scanPicture()'
			}]
			}
			});
			}
			// 打开自定义扫描界面
			function openBarcodeCustom() {
			createWithoutTitle('barcode_custom.html', {
			titleNView: {
			type: 'float',
			backgroundColor: 'rgba(215,75,40,0.3)',
			titleText: '扫一扫',
			titleColor: '#FFFFFF',
			autoBackButton: true,
			buttons: [{
			fontSrc: '_www/helloh5.ttf',
			text: '\ue401',
			fontSize: '18px',
			onclick: 'javascript:switchFlash()'
			}]
			}
			});
			}
			</script>
			<link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
			<link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8" />
			<style type="text/css" media="screen">
			.hdata {
			color: #e1673e;
			font-size: 14px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			}
			.hdata {
			color: #e1673e;
			font-size: 14px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			}
			</style>
			</head>
			<body onload="img=document.getElementById('bimg')">
			<br/>
			<img style="width:40%" id="bimg" src="../img/barcode.png"/>
			<br/>
			<br />
			<img style="width:40%" id="bimg" src="../img/barcode.png" />
			<br />
			<div class="button" onclick="openBarcode()">扫一扫</div>
			<div class="button" onclick="openBarcodeCustom()">扫一扫（自定义）</div>
			<br/>
			<br />
			<ul id="history" class="dlist" style="text-align:left;">
			<li id="nohistory" class="ditem" onclick="onempty()">无历史记录 </li>
			<li id="nohistory" class="ditem" onclick="onempty()">无历史记录 </li>
			</ul>
			<br/>
			<br />
			<div class="button button-waring" onclick="cleanHistroy()">清空历史记录</div>
			<div id="outpos"/>
			<div id="outpos" />
			<div id="output">
			Barcode提供二维码扫描识别功能，支持调用摄像头即时扫描二维码，也可直接输入图片进行扫描识别。
			Barcode提供二维码扫描识别功能，支持调用摄像头即时扫描二维码，也可直接输入图片进行扫描识别。
			</div>
			</body>
			</html>
			</html>