Ignore:
Timestamp:
Feb 18, 2009, 4:42:19 PM (16 years ago)
Author:
jazz
Message:
  • 撰寫 admin/map-menu.php 來產生 JSON 檔
  • 嘗試從 JSON 載入 map-menu
Location:
oceandb/jQuery_Prototype
Files:
7 added
2 edited

Legend:

Unmodified
Added
Removed

  • oceandb/jQuery_Prototype/index.css

    r60 r62  
    1 body, html  { overflow: hidden; height: 100%; vertical-align: middle; margin: 0px; font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 12pt; }
    2 a     { text-decoration: none !important; }
     1body, html    { overflow: hidden; height: 100%; vertical-align: middle; margin: 0px; font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 12pt; }
     2a       { text-decoration: none !important; }
    33
    44/* header */
    … …  
    1212#map-menu     { background-color: #E6E6FF; width: 20%; height: 100%; float: left; display: block; font-size: 12px;}
    1313#map-menu h3  { color: #03004D; font-size: 12px; }
     14#loading      { color: #ff0000; font-szie: 14px; width: 100%; text-align: center; margin-top: 50px; }
    1415#map        { background-color: #03004D; width: 80%; height: 100%; float: right; }
    1516

  • oceandb/jQuery_Prototype/index.html

    r61 r62  
    99    <link rel="stylesheet" type="text/css" href="index.css" />
    1010    <link rel="stylesheet" type="text/css" href="css/theme/ui.all.css" />
    11     <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAREq2HXjZzIdAyVORbKBYMhTfzQKfMm5eNRoty1ZKt0XEeQdtXxTxlSH6lZOV7UEfIym3ft5_EnXXDw" type="text/javascript"></script>
     11    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAREq2HXjZzIdAyVORbKBYMhS0opoRyiGs9EYG_2S3darp9jU7AxQMTZii5Zwk4YWMLsJgow_aq10QxA" type="text/javascript"></script>
    1212    <script src="script/jquery.js"  language="javascript"></script>
    1313    <script src="script/jquery-ui.js"  language="javascript"></script>
    … …  
    2525    </div>
    2626    <div id="main">
    27       <div id="map-menu">
    28   <div><h3><a href='#'>波浪 (定點)</a></h3><div><p><ul>
    29     <li><input type='checkbox'>中央氣象局</input></li>
    30     <li><input type='checkbox'>中央氣象局委託</input></li>
    31     <li><input type='checkbox'>交通部觀光局</input></li>
    32     <li><input type='checkbox'>港灣技術研究中心</input></li>
    33     <li><input type='checkbox'>經濟部水利署</input></li>
    34     </ul>
    35   </p><br/></div></div>
    36   <div><h3><a href='#'>潮汐 (定點)</a></h3><div><p><ul>
    37     <li><input type='checkbox'>中央氣象局</input></li>
    38     <li><input type='checkbox'>中央氣象局委託</input></li>
    39     <li><input type='checkbox'>內政部</input></li>
    40     <li><input type='checkbox'>基隆港務局</input></li>
    41     <li><input type='checkbox'>基隆港務局蘇澳</input></li>
    42     <li><input type='checkbox'>港灣技術研究中心</input></li>
    43     <li><input type='checkbox'>經濟部水利署</input></li>
    44     <li><input type='checkbox'>高雄港務局</input></li>
    45     <li><input type='checkbox'>高雄港務局安平</input></li>
    46   </ul></p><br/></div></div>
    47   <div><h3><a href='#'>氣象 (定點)</a></h3><div><p><ul>
    48           <li><input type='checkbox'>中央氣象局</input></li>
    49           <li><input type='checkbox'>交通部觀光局</input></li>
    50           <li><input type='checkbox'>港灣技術研究中心</input></li>
    51           <li><input type='checkbox'>經濟部水利署</input></li>
    52   </ul></p><br/></div></div>
    53   <div><h3><a href='#'>海流 (定點)</a></h3><div><p><ul>
    54           <li><input type='checkbox'>港灣技術研究中心</input></li>
    55   </ul></p><br/></div></div>
    56   <div><h3><a href='#'>溫鹽 (船測)</a></h3><div><p><ul>
    57           <li><input type='checkbox'>國科會</input></li>
    58   </ul></p><br/></div></div>
    59   <div><h3><a href='#'>震測 (船測)</a></h3><div><p><ul>
    60           <li><input type='checkbox'>中央大學地球物理研究所</input></li>
    61           <li><input type='checkbox'>修平技術學院工業工程與管理系</input></li>
    62           <li><input type='checkbox'>台灣大學海洋研究所</input></li>
    63           <li><input type='checkbox'>海洋大學</input></li>
    64           <li><input type='checkbox'>海洋大學應用地球物理研究所</input></li>
    65   </ul></p><br/></div></div>
    66   <div><h3><a href='#'>海流 (船測)</a></h3><div><p><ul>
    67           <li><input type='checkbox'>NCOR</input></li>
    68   </ul></p><br/></div></div>
    69   <div><h3><a href='#'>水深 (船測)</a></h3><div><p><ul>
    70           <li><input type='checkbox'>NCOR</input></li>
    71   </ul></p><br/></div></div>
    72   <div><h3><a href='#'>Chirp Sonar (船測)</a></h3><div><p><ul>
    73           <li><input type='checkbox'>中央大學地球物理研究所</input></li>
    74           <li><input type='checkbox'>中央研究院地球科學研究所</input></li>
    75   </ul></p><br/></div></div>
    76       </div>
     27      <div id="map-menu"><div id="loading"><img src="image/loading.gif"><br><br>正在讀取...</div></div>
    7728      <div id="map"></div>
    7829    </div>
Note: See TracChangeset for help on using the changeset viewer.