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

Last change on this file since 374 was 374, checked in by David Sheldon, 15 years ago

use the same code on the front page for the searching as we use on the main page.

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 name:</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">Functionality 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.