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

Last change on this file since 66 was 66, checked in by Matthew Westcott, 15 years ago

Split postcode input into two parts, with JS to hop between them

File size: 2.2 KB
Line 
1<html>
2    <head>
3        <title>New popular edition</title>
4        <link rel="stylesheet" type="text/css" href="grid.css">
5    </head>
6<body onload="initializePage(); go();doResize(); "  onResize="doResize() ">
7<!-- Yahoo functions -->
8<script src="yahoo.js"></script> 
9<script src="dom.js"></script> 
10<script src="connection.js"></script>
11<script src="event.js"></script> 
12<!-- Our functions -->
13<script src="mapTiles.js"></script>
14        <h1 id=theTitle>New popular mapping</h1>
15
16<div id="main_page">
17<div id="move" style="float:right">
18         <table border="0">
19           <tr>
20             <td colspan="2" align="center"><input type="button"
21  onclick="updateGrid('up')" value="/\"></td>
22           </tr>
23           <tr>
24             <td><input type="button" onclick="updateGrid('left')"
25  value="<"></td>
26             <td><input type="button" onclick="updateGrid('right')"
27  value=">"></td>
28           </tr>
29           <tr>
30             <td colspan="2" align="center"><input type="button"
31  onclick="updateGrid('down')" value="\/"></td>
32           </tr>
33         </table>
34
35                <div>
36                        <br />
37                        <a href="javascript:zoomOut()">zoom out</a>
38                        <br />
39                        <a href="javascript:zoomIn()">zoom in</a>
40                </div>
41
42                <div>
43                        <br />
44                        <a href="" id="permalink">permalink</a>
45                </div>
46</div>
47<div id="map_container" style="float:left">
48  <div id="marker">
49  <img src='../images/yellow-marker.gif' />
50  </div>
51  <div id="postcode_form">
52  <form method="post" action="../../cgi/submit.fcgi">
53    <div style="text-align: right;"><a href="javascript:closePostcodeWindow()" title="close">X</a></div>
54                <div><span id="location"></span></div>
55    <div><label for="postcode">Enter the postcode...</label></div>
56    <input type="hidden" id="easting" name="easting" />
57    <input type="hidden" id="northing" name="northing" />
58    <input type="hidden" id="returnX" name="returnX" />
59    <input type="hidden" id="returnY" name="returnY" />
60    <div>
61      <input type="text" name="postcode1" id="postcode1" size="4" />
62      <input type="text" name="postcode2" id="postcode2" size="3" />
63    </div>
64    <div><input type="submit" value="submit" /></div>
65  </form>
66  </div>
67
68  <div id="map">
69  </div>
70</div>
71</div>
72
73    </body>
74</html>
Note: See TracBrowser for help on using the repository browser.