<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
<meta charset="utf-8" />
<title>SGPS</title>
<link rel="stylesheet" type="text/css" href="style/geoloc.css" />
<link rel="stylesheet" type="text/css" href="style/tabs.css" >
</head>
<body role="application">
请选择文本文件:
<input type="file" id="file" /><input type="button" value="显示文本文件" οnclick="readAsText();"/>
<script type="application/javascript" src="js/geoloc.js"></script>
<div name="result" id="result">
<section id="headline" class="headline" >
<h1 class="headlinetitle">SGPS</h1><button id="agpssettings" type="toolbar">AGPS</button>
</section>
<section id="tabs" class="tabs">
<ul role="tablist">
<li id="panel1" role="tab">
<a href="#region1satellites" id="SATELLITES">SATELLITES</a>
<div role="tabpanel"></div>
</li>
<li id="panel2" role="tab">
<a href="#region2information" id="INFORMATION">INFORMATION</a>
<div role="tabpanel"></div>
</li>
<li id="panel3" role="tab">
<a href="#region3" id="NMEALOG">DEBUGLOG</a>
<div role="tabpanel"></div>
</li>
<li id="panel4" role="tab">
<a href="#region4" id="GPSTEST">GPSTEST</a>
<div role="tabpanel"></div>
</li>
</ul>
</section>
<section role="region" id="region1satellites">
</section>
<section role="region" id="region2information" hidden>
<div class="contentlist">
<div id="date">Date: </div>
<div id="time">Time: </div>
<div id="ttff">TTFF: </div>
<div id="frstLatitude">First Latitude: </div>
<div id="frstLongitude">First Longitude: </div>
<div id="latitude">Latitude: </div>
<div id="longitude">Longitude: </div>
<div id="altitude">Altitude: </div>
<div id="accuracy">Accuracy: </div>
</div>
<div class="log-bt">
<button id="btnColdStart">Cold Start</button>
<button id="btnStart">Start</button>
<button id="btnStop">Stop</button>
<button id="btnClear">Clear</button>
</div>
</section>
<section role="region" id="region3" hidden>
<header>
<div id="h1-debuglog">Debug log:</div>
</header>
<div id="debuglog" class="contentlist">
<span id="nemalog"></span>
</div>
<div class="log-bt">
<button id="btnSave">Save as a file</button>
<label class="pack-switch">
<input type="checkbox" id="geoloc-debug" checked="checked"/><span>Show log</span>
<span></span>
</label>
</div>
</section>
<section role="region" id="region4" hidden>
<!--header>
<div>Geolocation tracker</div>
</header-->
<div class="bb-docs" id="newparameters">
<div class="contentlist">
<div>
<span>Times 0~999:</span>
<input type="number" id="newgeoloc-times" value="0" />
</div>
<div>
<span>Interval 0~999(s):</span>
<input type="number" id="newgeoloc-interval" value="0" />
</div>
<div>
<span>Latitude:(option)</span>
<input type="number" id="newgeoloc-latiopt" value="0" />
</div>
<div >
<span>Longitude:(option)</span>
<input type="number" id="newgeoloc-longiopt" value="0" />
</div>
</div>
</div>
<div class="bb-docs" id="newstatus">
<div class="statuslist">
<div>
<span>Current Times:</span>
<input type="text" disabled="disabled" id="cur-times"/>
</div>
<div>
<span>Count down:</span>
<input type="text" disabled="disabled" id="count-down"/>
</div>
</div>
<div class="distancelist">
<div>
<span>Latitude distance:</span>
<input type="text" disabled="disabled" id="latitd-dist"/>
</div>
<div>
<span>Longitude distance:</span>
<input type="text" disabled="disabled" id="longtd-dist"/>
</div>
</div>
</div>
<div class="log-bt">
<button id="autotestColdStart">Cold Start</button>
<button id="autotestStart">Start</button>
<button id="autotestStop">Stop</button>
</div>
<!--all hidden from here-->
<!--header>
<div id="h1-status">Status</div>
</header-->
<!--div class="bb-docs" id="status" hidden>
<fieldset>
<legend>Fixes</legend>
<section>
<input type="text" disabled="disabled" id="nbr-gps-fixes" placeholder="0" />
</section>
</fieldset>
<fieldset>
<legend>Last</legend>
<section>
<input type="text" disabled="disabled" id="date-last-fix" placeholder="None" />
</section>
</fieldset>
</div-->
<!--header>
<div id="h1-parameters" class="bb-docs">Parameters</div>
</header-->
<div class="bb-docs" id="parameters" hidden>
<fieldset>
<legend >Timeout</legend>
<section>
<input type="number" id="geoloc-timeout" value="0" />
</section>
</fieldset>
<fieldset>
<legend >Max. age</legend>
<section>
<input type="number" id="geoloc-maxage" value="0" />
</section>
</fieldset>
<span class="desc">Timeout and Max. age are specified in miliseconds.</span>
<ul>
<li>
<span>High accuracy</span>
<label class="pack-switch">
<input type="checkbox" id="geoloc-highaccuracy" checked="checked"/>
<span></span>
</label>
</li>
<li>
<span>Keep locations</span>
<label class="pack-switch">
<input type="checkbox" id="geoloc-keep" checked="checked"/>
<span></span>
</label>
</li>
</ul>
</div>
</section>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
<meta charset="utf-8" />
<title>SGPS</title>
<link rel="stylesheet" type="text/css" href="style/geoloc.css" />
<link rel="stylesheet" type="text/css" href="style/tabs.css" >
</head>
<body role="application">
请选择文本文件:
<input type="file" id="file" /><input type="button" value="显示文本文件" οnclick="readAsText();"/>
<script type="application/javascript" src="js/geoloc.js"></script>
<div name="result" id="result">
<section id="headline" class="headline" >
<h1 class="headlinetitle">SGPS</h1><button id="agpssettings" type="toolbar">AGPS</button>
</section>
<section id="tabs" class="tabs">
<ul role="tablist">
<li id="panel1" role="tab">
<a href="#region1satellites" id="SATELLITES">SATELLITES</a>
<div role="tabpanel"></div>
</li>
<li id="panel2" role="tab">
<a href="#region2information" id="INFORMATION">INFORMATION</a>
<div role="tabpanel"></div>
</li>
<li id="panel3" role="tab">
<a href="#region3" id="NMEALOG">DEBUGLOG</a>
<div role="tabpanel"></div>
</li>
<li id="panel4" role="tab">
<a href="#region4" id="GPSTEST">GPSTEST</a>
<div role="tabpanel"></div>
</li>
</ul>
</section>
<section role="region" id="region1satellites">
</section>
<section role="region" id="region2information" hidden>
<div class="contentlist">
<div id="date">Date: </div>
<div id="time">Time: </div>
<div id="ttff">TTFF: </div>
<div id="frstLatitude">First Latitude: </div>
<div id="frstLongitude">First Longitude: </div>
<div id="latitude">Latitude: </div>
<div id="longitude">Longitude: </div>
<div id="altitude">Altitude: </div>
<div id="accuracy">Accuracy: </div>
</div>
<div class="log-bt">
<button id="btnColdStart">Cold Start</button>
<button id="btnStart">Start</button>
<button id="btnStop">Stop</button>
<button id="btnClear">Clear</button>
</div>
</section>
<section role="region" id="region3" hidden>
<header>
<div id="h1-debuglog">Debug log:</div>
</header>
<div id="debuglog" class="contentlist">
<span id="nemalog"></span>
</div>
<div class="log-bt">
<button id="btnSave">Save as a file</button>
<label class="pack-switch">
<input type="checkbox" id="geoloc-debug" checked="checked"/><span>Show log</span>
<span></span>
</label>
</div>
</section>
<section role="region" id="region4" hidden>
<!--header>
<div>Geolocation tracker</div>
</header-->
<div class="bb-docs" id="newparameters">
<div class="contentlist">
<div>
<span>Times 0~999:</span>
<input type="number" id="newgeoloc-times" value="0" />
</div>
<div>
<span>Interval 0~999(s):</span>
<input type="number" id="newgeoloc-interval" value="0" />
</div>
<div>
<span>Latitude:(option)</span>
<input type="number" id="newgeoloc-latiopt" value="0" />
</div>
<div >
<span>Longitude:(option)</span>
<input type="number" id="newgeoloc-longiopt" value="0" />
</div>
</div>
</div>
<div class="bb-docs" id="newstatus">
<div class="statuslist">
<div>
<span>Current Times:</span>
<input type="text" disabled="disabled" id="cur-times"/>
</div>
<div>
<span>Count down:</span>
<input type="text" disabled="disabled" id="count-down"/>
</div>
</div>
<div class="distancelist">
<div>
<span>Latitude distance:</span>
<input type="text" disabled="disabled" id="latitd-dist"/>
</div>
<div>
<span>Longitude distance:</span>
<input type="text" disabled="disabled" id="longtd-dist"/>
</div>
</div>
</div>
<div class="log-bt">
<button id="autotestColdStart">Cold Start</button>
<button id="autotestStart">Start</button>
<button id="autotestStop">Stop</button>
</div>
<!--all hidden from here-->
<!--header>
<div id="h1-status">Status</div>
</header-->
<!--div class="bb-docs" id="status" hidden>
<fieldset>
<legend>Fixes</legend>
<section>
<input type="text" disabled="disabled" id="nbr-gps-fixes" placeholder="0" />
</section>
</fieldset>
<fieldset>
<legend>Last</legend>
<section>
<input type="text" disabled="disabled" id="date-last-fix" placeholder="None" />
</section>
</fieldset>
</div-->
<!--header>
<div id="h1-parameters" class="bb-docs">Parameters</div>
</header-->
<div class="bb-docs" id="parameters" hidden>
<fieldset>
<legend >Timeout</legend>
<section>
<input type="number" id="geoloc-timeout" value="0" />
</section>
</fieldset>
<fieldset>
<legend >Max. age</legend>
<section>
<input type="number" id="geoloc-maxage" value="0" />
</section>
</fieldset>
<span class="desc">Timeout and Max. age are specified in miliseconds.</span>
<ul>
<li>
<span>High accuracy</span>
<label class="pack-switch">
<input type="checkbox" id="geoloc-highaccuracy" checked="checked"/>
<span></span>
</label>
</li>
<li>
<span>Keep locations</span>
<label class="pack-switch">
<input type="checkbox" id="geoloc-keep" checked="checked"/>
<span></span>
</label>
</li>
</ul>
</div>
</section>
</body>
</html>