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

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

relabel the boxes.

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