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