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

Last change on this file since 369 was 369, checked in by Natalie Downe, 15 years ago

Tidied up some of the indentation, and moved the search results box to
under the form above the credit, and styled

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