/htdocs/usage.php
PHP | 294 lines | 271 code | 23 blank | 0 comment | 3 complexity | 5073b17c43ca1616be8db136dd9dcce3 MD5 | raw file
- <?php
- header("Content-Type: text/html; charset=UTF-8");
- ?>
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
- <title>usage : Open Timetable</title>
- <link rel="stylesheet" type="text/css" href="css/opentable.css" />
- <link rel="stylesheet" type="text/css" href="css/opentable-doc.css" />
- <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
- <style>#header-usage a { cursor: default; text-decoration: none; color: #73962C; }</style>
- <script>
- var sectionIds = ["kensaku", "etsuran", "shinki", "tsuika", "henko", "sakujo", "shusei"];
- var sections = {};
- $(document).ready(function(){
- for (var i=0; i < sectionIds.length; i++) {
- var id = sectionIds[i];
- sections[id] = $("#"+id);
- with({id:id}){
- $("#show-"+id).click(function(){showSection(id)})
- }
- }
- var currentId = document.location.hash.substring(1);
- showSection(currentId || sectionIds[0]);
- });
- function showSection(id) {
- for (var i=0; i < sectionIds.length; i++)
- sections[sectionIds[i]].hide();
- sections[id].show();
- }
- </script>
- </head>
- <body>
- <?php
- include("header.inc");
- ?>
- <div class="body">
- <div class="p">
- <h3><span class="title-emphasis"><span class="char-emphasis">?</span>?????</span></h3>
- <ul class="sentence-ul">
- <li><a id="show-kensaku" href="#kensaku" class="navi">?? : ????????????????</a></li>
- <li><a id="show-etsuran" href="#etsuran" class="navi">?? : ?????????????</a></li>
- <li><a id="show-shinki" href="#shinki" class="navi">???????????? : ?????????????</a></li>
- <li><a id="show-tsuika" href="#tsuika" class="navi">?????? : ??????????????????????</a></li>
- <li><a id="show-henko" href="#henko" class="navi">?????? : ?????????????????</a></li>
- <li><a id="show-sakujo" href="#sakujo" class="navi">?????? : ??????????</a></li>
- <li><a id="show-shusei" href="#shusei" class="navi">?????? : ??????????????????</a></li>
- </ul>
- </div>
- <div id="kensaku" class="p margintop">
- <h3><span class="title-emphasis"><span class="char-emphasis">?</span>?</span></h3>
- <div class="title-desc">????????????????</div>
- <div class="p-body">
- <div class="sentence">
- ?????????????????????????????(??or ???)??????????????
- </div>
-
- <ul class="sentence-ul">
- <li>
- <div class="sentence">
- ????????????????????????????????????????????????
- </div>
- <div class="center"><img src="images/usage/1-Kensaku.png"></img></div>
- </li>
- <li>
- <div class="sentence">
- ?????????????????????????????????????????????
- </div>
- <div class="center"><img src="images/usage/2-Kensaku.png"></img></div>
- </li>
- <li>
- <div class="sentence">
- ??????????????????????????????????????????????
- </div>
- <div class="center"><img src="images/usage/3-Kensaku.png"></img></div>
- </li>
- <li>
- <div class="sentence">
- 4?????????????????????????
- </div>
- <div class="center"><img src="images/usage/4-Kensaku.png"></img></div>
- </li>
- <li>
- <div class="sentence">
- ??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
- </div>
- <div class="center"><img src="images/usage/5-Kensaku.png"></img></div>
- </li>
- </ul>
- </div>
- </div><!-- ?? -->
- <div id="etsuran" class="p margintop">
- <h3><span class="title-emphasis"><span class="char-emphasis">?</span>?</span></h3>
- <div class="title-desc">?????????????</div>
- <div class="p-body">
- <div class="sentence">
- ????????????????????????????????????????
- </div>
- <div class="center"><img src="images/usage/6-Etsuran.png"></img></div>
- <div class="sentence">
- ???????????????????????????(?????)??????????????????????????????
- </div>
- </div>
- </div><!-- ?? -->
- <div id="shinki" class="p margintop">
- <h3><span class="title-emphasis"><span class="char-emphasis">?</span>???????????</span></h3>
- <div class="title-desc">?????????????</div>
- <div class="p-body">
- <div class="sentence">
- ?????????????????????????????????????????????????
- </div>
- <div class="sentence">
- <span class="list-sign">?</span>????????????
- </div>
- <ul class="sentence-ul">
- <li>
- <div class="sentence">
- ???????4?????????/??????????????) ??????????????????????????????<br/><br/>
- ?) ??? A??B??C????????????????
- </div>
- <div class="center"><img src="images/usage/7-Shinki.png"></img></div>
- </li>
- <li>
- <div class="sentence">
- ???????????????????????????????????????????
- </div>
- <div class="center"><img src="images/usage/8-Shinki.png"></img></div>
- </li>
- </ul>
-
- <div class="sentence">
- <span class="list-sign">?</span>?????
- </div>
- <ul class="sentence-ul">
- <li>
- <div class="sentence">
- ?? B? C?? ?????????????????
- </div>
- <div class="center"><img src="images/usage/9-Shinki.png"></img></div>
- </li>
- <li>
- <div class="sentence">
- ?????????????????????????????????????
- </div>
- </li>
- <li>
- <div class="sentence">
- ??????????????????????????????????????????????????????????????????????????????????????????????????????????????
- </div>
- </li>
- <li>
- <div class="sentence">
- ?????????????????????????????????????????????????
- <br/><br/>??15:00?15:15?15:30?15:45 ??????????????
- </div>
- <div class="center"><img src="images/usage/10-Shinki.png"></img></div>
- </li>
- </ul>
-
- <div class="sentence">
- <span class="list-sign">?</span>???????
- </div>
- <ul class="sentence-ul">
- <li>
- <div class="sentence">
- ?????????????????????????
- </div>
- </li>
- <li>
- <div class="sentence">
- ???????????????????????????????
- </div>
- </li>
- <li>
- <div class="sentence">
- ?????????????????????????????
- </div>
- <div class="center"><img src="images/usage/11-Shinki.png"></img></div>
- </li>
- </ul>
-
- <!--
- ?????
- ? ??????(?????????????????????OK)
- ? ???????????
- ? ????????? ???
- ? ??????? ???
- ? ????????
- -->
- </div>
- </div><!-- ???????????? -->
- <div id="tsuika" class="p margintop">
- <h3><span class="title-emphasis"><span class="char-emphasis">?</span>?????</span></h3>
- <div class="title-desc">??????????????????????</div>
- <div class="p-body">
-
- <div class="sentence">
- ?????????????????????????????????????????????????????????
- </div>
-
- <div class="sentence">
- <span class="list-sign">?</span>????????????????????????????????????????????????
- <div class="center"><img src="images/usage/12-Tsuika.png"></img> ? <img src="images/usage/13-Tsuika.png"></img></div>
- </div>
- <div class="sentence">
- <span class="list-sign">?</span>???????????????????????????????????????????????????????????????(??????????????????????????????)
- <div class="center"><img src="images/usage/14-Tsuika.png"></img> ? <img src="images/usage/15-Tsuika.png"></img> ? <img src="images/usage/16-Tsuika.png"></img></div>
- </div>
- <div class="sentence">
- <span class="list-sign">?</span>????????????????????????????????????????????????????????????????????????????
- <div class="center"><img src="images/usage/17-Tsuika.png"></img></div>
- </div>
- <div class="sentence">
- <span class="list-sign">?</span>??????????????????????????????????????????????????
- </div>
- </div>
- </div><!-- ?????? -->
- <div id="henko" class="p margintop">
- <h3><span class="title-emphasis"><span class="char-emphasis">?</span>?????</span></span></h3>
- <div class="title-desc">?????????????????</div>
- <div class="p-body">
- <div class="sentence">
- ?????????????????????????????????????????????????????????????????????????????????????????????????
- <div class="center"><img src="images/usage/18-Henko.png"></img> ? <img src="images/usage/19-Henko.png"></img> ? <img src="images/usage/20-Henko.png"></img></div>
- </div>
- </div>
- </div><!-- ?????? -->
- <div id="sakujo" class="p margintop">
- <h3><span class="title-emphasis"><span class="char-emphasis">?</span>?????</span></span></h3>
- <div class="title-desc">??????????</div>
- <div class="p-body">
- <div class="sentence">
- ??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
- <div class="center"><img src="images/usage/21-Henko.png"></img></div>
- </div>
- </div>
- </div><!-- ?????? -->
- <div id="shusei" class="p margintop">
- <h3><span class="title-emphasis"><span class="char-emphasis">?</span>?????</span></h3>
- <div class="title-desc">??????????????????</div>
- <div class="p-body">
- <div class="sentence">
- ?????????????????????????????????????????????????????????????????????????????????????????
- <div class="center"><img src="images/usage/22-Shusei.png"></img></div>
- </div>
-
- <ul class="sentence-ul">
- <li>
- <div class="sentence">
- ????????
- </div>
- <div class="center"><img src="images/usage/23-Shusei.png"></img></div>
- </li>
- <li>
- <div class="sentence">
- ???????????????????????????????????????????????????????????????????????????????????????????????????
- </div>
- </li>
- <li>
- <div class="sentence">
- ?????????????????????????????????????????????????????
- </div>
- </li>
- <li>
- <div class="sentence">
- ???????????????????(???????????????)???????????????????????????????????????????????????????????
- </div>
- <div class="center"><img src="images/usage/24-Shusei.png"></img></div>
- </li>
- <div class="sentence">
- ?????????????????????????????????????????????????????????????????????????????????????????????
- </div>
- </ul>
- </div>
- </div><!-- ?? -->
- </div>
- </body>
- </html>