饭费计算器

<!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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值