Ignore:
Timestamp:
Oct 29, 2006, 5:20:19 PM (15 years ago)
Author:
David Sheldon
Message:

Improve the general look of the thing.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/npemap.org.uk/static/tiles/map.html

    r217 r223  
    2323<div id="main_page">
    2424<div id="menu" style="float:right">
    25          <table border="0">
     25         <table border="0" id="movement">
    2626           <tr>
    27              <td colspan="2" align="center"><input type="button"
    28   onclick="updateGrid('up')" value="/\"></td>
     27             <td><img src="../images/LeftUp.png" onclick="updateGrid('upleft')" alt="north-west"/></td>
     28             <td><img src="../images/Up.png"  onclick="updateGrid('up')" alt="north"/></td>
     29             <td><img src="../images/RightUp.png" onclick="updateGrid('upright')" alt="north-east"/></td>
    2930           </tr>
    3031           <tr>
    31              <td><input type="button" onclick="updateGrid('left')"
    32   value="<"></td>
    33              <td><input type="button" onclick="updateGrid('right')"
    34   value=">"></td>
     32             <td><img src="../images/Left.png" onclick="updateGrid('left')" alt="west"/></td>
     33             <td>&nbsp;</td>
     34             <td><img src="../images/Right.png" onclick="updateGrid('right')" alt="east"/></td>
    3535           </tr>
    3636           <tr>
    37              <td colspan="2" align="center"><input type="button"
    38   onclick="updateGrid('down')" value="\/"></td>
     37             <td><img src="../images/LeftDown.png" onclick="updateGrid('downleft')" alt="south-west"/></td>
     38             <td><img src="../images/Down.png"  onclick="updateGrid('down')" alt="south"/></td>
     39             <td><img src="../images/RightDown.png" onclick="updateGrid('downright')" alt="south-east"/></td>
     40           </tr>
     41           <tr>
     42             <td> <img src="../images/ZoomOut.png" onclick="zoomOut()" alt="Zoom out" /></td>
     43             <td></td>
     44             <td>
     45               <span id="zoomin_enabled"><img src="../images/ZoomIn.png" onclick="zoomIn()" alt="Zoom in" /></span>
     46               <span id="zoomin_disabled" style="display: none"><img src="../images/ZoomIn_disabled.png" /></span>
     47             </td>
    3948           </tr>
    4049         </table>
     50
     51                <div>
     52                </div>
    4153         <span class='hidden' id="spinner">Loading...</span>
    4254
    43                 <div>
    44                         <br />
    45                         <a href="javascript:zoomOut()">zoom out</a>
    46                         <br />
    47       <span id="zoomin_enabled"><a href="javascript:zoomIn()" >zoom in</a></span>
    48       <span id="zoomin_disabled" style="display: none">zoom in</span>
    49                 </div>
    50 
    51                 <div>
    52                         <br />
    53                         <a href="" id="permalink">permalink</a>
    54                         <br />
    55                         <a href="/" id="home">home</a>
    56                         <br />
    57                         <a href="/reportBug.html">problem?</a>
     55                <div><span style="display: none" id="permalink"></span>
     56      <ul class="links">
     57       <li><a href="/" id="home">Home</a></li>
     58                         <li><a href="/reportBug.html">Problem?</a></li>
    5859                </div>
    5960                <div id="geonames-search">
     
    6162      <p><label for="where">Place name:</label><br/>
    6263      <input id="where" name="where" size="15"/><br/>
    63       <input type="submit" name="Zoom To" value="Go" /></p>
    6464      </form>
    6565      <span class="terms">Functionality by <a href="http://www.geonames.org/">Geonames</a>.</span>
    6666                </div>
     67  <div id="geonames_results_window">
     68    <div class="close"><a href="javascript:hideGeonamesPopup()" title="close">X</a></div>
     69    <div id="geonames_results"></div>
     70  </div>
    6771</div>
    6872  <div id="postcode_detail_window">
    69     <div style="float:right"><a href="javascript:hideMarkerWindow()" title="close">X</a></div>
    70                 <div><span class="terms" id="postcode_detail"></span></div>
    71                 <div><span class="terms" id="location_detail"></span></div>
    72     <div><span class="terms" id="source_detail"></span></div>
     73    <div class="close"><a href="javascript:hideMarkerWindow()" title="close">X</a></div>
     74                <div><span class="label">Postcode: </span><span id="postcode_detail"></span></div>
     75                <div><span class="label">Location: </span><span id="location_detail"></span></div>
     76                <div><span class="label">Lat/Long: </span><span id="latlong_detail"></span></div>
     77    <div><span class="label">Source: </span><span id="source_detail"></span></div>
    7378    <a href="#" id="bad">Problem?</a>
    7479    <div class="report_form" id="report_form">
     
    8186      <input type="text" name="email" id="reason_email" size="30"/>
    8287      <input alt="submit" src="../images/btn_submit.png" type="image" />
    83 
    8488      </form>
    8589    </div>
     
    8791  <div id="postcode_form">
    8892  <form method="post" action="../../cgi/submit.fcgi">
    89     <div style="float:right"><a href="javascript:closePostcodeWindow()" title="close">X</a></div>
     93    <div class="close"><a href="javascript:closePostcodeWindow()" title="close">X</a></div>
    9094                <div><span id="location"></span></div>
    9195    <div><label for="postcode1">Enter the postcode...</label></div>
Note: See TracChangeset for help on using the changeset viewer.