source: trunk/npemap.org.uk/static/tiles/map.html @ 254

Last change on this file since 254 was 254, checked in by David Sheldon, 14 years ago

Show/hide markers. This fixes ticket:51.

File size: 6.1 KB
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2<html>
3    <head>
4        <title>New Popular Edition Maps</title>
5        <link rel="stylesheet" type="text/css" href="grid.css">
6    </head>
7<body onload="initializePage();"  id="body">
8<!-- Yahoo functions -->
9<script src="yahoo.js" type="text/javascript"></script> 
10<script src="dom.js" type="text/javascript"></script> 
11<script src="event.js" type="text/javascript"></script> 
12<script src="jsr_class.js" type="text/javascript"></script> 
13<script src="jscoord-1.1.1.js" type="text/javascript"></script> 
14<script src="connection.js" type="text/javascript"></script>
15<!-- Our functions -->
16<script src="mapTiles.js" type="text/javascript"></script>
17<script type="text/javascript">
18window.onresize = doResize;
19
20</script>
21<div id="theTitle">
22        <h1>Enter Postcodes</h1>
23</div>
24<div id="main_page">
25<div id="menu" style="float:right">
26         <table border="0" id="movement">
27           <tr>
28             <td><img src="../images/LeftUp.png" onclick="updateGrid('upleft')" alt="north-west"/></td>
29             <td><img src="../images/Up.png"  onclick="updateGrid('up')" alt="north"/></td>
30             <td><img src="../images/RightUp.png" onclick="updateGrid('upright')" alt="north-east"/></td>
31           </tr>
32           <tr>
33             <td><img src="../images/Left.png" onclick="updateGrid('left')" alt="west"/></td> 
34             <td><img src="../images/Reload.png" onclick="reload_page()" alt="reload"/></td> 
35             <td><img src="../images/Right.png" onclick="updateGrid('right')" alt="east"/></td> 
36           </tr>
37           <tr>
38             <td><img src="../images/LeftDown.png" onclick="updateGrid('downleft')" alt="south-west"/></td>
39             <td><img src="../images/Down.png"  onclick="updateGrid('down')" alt="south"/></td>
40             <td><img src="../images/RightDown.png" onclick="updateGrid('downright')" alt="south-east"/></td>
41           </tr>
42           <tr>
43             <td> <img src="../images/ZoomOut.png" onclick="zoomOut()" alt="Zoom out" /></td>
44             <td></td>
45             <td>
46               <span id="zoomin_enabled"><img src="../images/ZoomIn.png" onclick="zoomIn()" alt="Zoom in" /></span>
47               <span id="zoomin_disabled" style="display: none"><img src="../images/ZoomIn_disabled.png" /></span>
48             </td>
49           </tr>
50         </table>
51
52                <div>
53                </div>
54         <span class='hidden' id="spinner">Loading...</span>
55
56                <div><span style="display: none" id="permalink"></span>
57      <ul class="links">
58       <li><a href="/" id="home">Home</a></li>
59                         <li><a href="/reportBug.html">Problem?</a></li>
60                </div>
61                <div id="geonames-search">
62      <form onsubmit="return find()" action="">
63      <p><label for="where">Place name:</label><br/>
64      <input id="where" name="where" size="15"/><br/>
65      </form>
66      <span class="terms">Functionality by <a href="http://www.geonames.org/">Geonames</a>.</span>
67                </div>
68  <div id="geonames_results_window">
69    <div class="close"><a href="javascript:hideGeonamesPopup()" title="close">X</a></div>
70    <div id="geonames_results"></div>
71  </div>
72        <div id="showHideMarkers">
73    <p><img src="../images/green-marker.gif" > <a href="javascript:setMarkersHidden()" id="setMarkers">hide markers</a><a href="javascript:unsetMarkersHidden()" id="unsetMarkers" style="display:none">show markers</a></p>
74        </div>
75</div>
76  <div id="postcode_detail_window">
77    <div class="close"><a href="javascript:hideMarkerWindow()" title="close">X</a></div>
78                <div><span class="label">Postcode: </span><span id="postcode_detail"></span></div>
79                <div><span class="label">Location: </span><span id="location_detail"></span></div>
80                <div><span class="label">Lat/Long: </span><span id="latlong_detail"></span></div>
81    <div><span class="label">Source: </span><span id="source_detail"></span></div>
82    <a href="#" id="bad">Problem?</a>
83    <div class="report_form" id="report_form">
84      <form method="post" action="../../cgi/bad-postcode.fcgi">
85      <input type="hidden" name="postcode" id="postcode_id_detail" />
86      <label for="reason"><span title="Why you think it is incorrect">Problem:</span></label>
87     
88      <input type="text" name="reason" id="reason" size="45"/><br/>
89      <label for="reason_email"><span title="So we can let you know what we're doing about it.">email</span></label>
90      <input type="text" name="email" id="reason_email" size="30"/>
91      <input alt="submit" src="../images/btn_submit.png" type="image" /> 
92      </form>
93    </div>
94  </div>
95  <div id="postcode_form">
96  <form method="post" action="../../cgi/submit.fcgi">
97    <div class="close"><a href="javascript:closePostcodeWindow()" title="close">X</a></div>
98                <div><span id="location"></span></div>
99    <div><label for="postcode1">Enter the postcode...</label></div>
100    <input type="hidden" id="easting" name="easting" />
101    <input type="hidden" id="northing" name="northing" />
102    <input type="hidden" id="returnX" name="returnX" />
103    <input type="hidden" id="returnY" name="returnY" />
104    <div>
105      <input type="text" name="postcode1" id="postcode1" size="4" />
106      <input type="text" name="postcode2" id="postcode2" size="3" /> 
107          </div>
108                <div> <input type="submit" value="submit" /></div>
109  </form>
110         <span class="terms">Partial codes are fine e.g. "OX1" or "OX1 3". <!--<a href="" target='_new'>Details</a>.--></span><br/><br/>
111         <span class="terms">By clicking submit you agree to release this information into the public domain.</span>
112  </div>
113</div>
114<div id="map_container" style="float:left">
115  <div id="marker">
116  <img src='../images/yellow-marker.gif' alt="Your location"/>
117  </div>
118<!--
119  <div id="postcodeinfo">
120    <span id="postcode"></span>
121    <input type="hidden" id="pcode_id" name="postcode" />
122    <input type="text" id="reason" name="reason" />
123    <input type="text" id="email" name="email" />
124   
125  </div>
126-->
127  <div id="map">
128  </div>
129</div>
130<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
131</script>
132<script type="text/javascript">
133_uacct = "UA-732621-2";
134if (typeof urchinTracker == 'function') urchinTracker();
135</script>
136    </body>
137</html>
Note: See TracBrowser for help on using the repository browser.