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

Last change on this file since 161 was 161, checked in by David Sheldon, 13 years ago

reduce chance of ugly situation where the right collides with the map

File size: 3.2 KB
Line 
1<html>
2    <head>
3        <title>New Popular Edition Maps</title>
4        <link rel="stylesheet" type="text/css" href="grid.css">
5    </head>
6<body onload="initializePage(); "  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="jsr_class.js"></script> 
14<script src="jscoord-1.1.1.js"></script> 
15<script src="mapTiles.js"></script>
16        <h1 id=theTitle>New Popular Edition Maps</h1>
17
18<div id="main_page">
19<div id="move" style="float:right">
20         <table border="0">
21           <tr>
22             <td colspan="2" align="center"><input type="button"
23  onclick="updateGrid('up')" value="/\"></td>
24           </tr>
25           <tr>
26             <td><input type="button" onclick="updateGrid('left')"
27  value="<"></td>
28             <td><input type="button" onclick="updateGrid('right')"
29  value=">"></td>
30           </tr>
31           <tr>
32             <td colspan="2" align="center"><input type="button"
33  onclick="updateGrid('down')" value="\/"></td>
34           </tr>
35         </table>
36         <span class='hidden' id="spinner">Loading...</span>
37
38                <div>
39                        <br />
40                        <a href="javascript:zoomOut()">zoom out</a>
41                        <br />
42      <span id="zoomin_enabled"><a href="javascript:zoomIn()" >zoom in</a></span>
43      <span id="zoomin_disabled" style="display: none">zoom in</span>
44                </div>
45
46                <div>
47                        <br />
48                        <a href="" id="permalink">permalink</a>
49                        <br />
50                        <a href="/" id="home">home</a>
51                        <br />
52                        <a href="/reportBug.html">problem?</a>
53                </div>
54                <div>
55      <form onsubmit="return find()">
56      <p><label for="where">Place name:</label><br/>
57      <input id="where" name="where" size="15"/><br/>
58      <input type="submit" name="Zoom To" value="Go" /></p>
59      </form>
60      <span class="terms">Functionality by <a href="http://www.geonames.org/">Geonames</a>.</span>
61                </div>
62</div>
63</div>
64<div id="map_container" style="float:left">
65  <div id="marker">
66  <img src='../images/yellow-marker.gif' />
67  </div>
68  <div id="postcode_form">
69  <form method="post" action="../../cgi/submit.fcgi">
70    <div style="text-align: right;"><a href="javascript:closePostcodeWindow()" title="close">X</a></div>
71                <div><span id="location"></span></div>
72    <div><label for="postcode">Enter the postcode...</label></div>
73    <input type="hidden" id="easting" name="easting" />
74    <input type="hidden" id="northing" name="northing" />
75    <input type="hidden" id="returnX" name="returnX" />
76    <input type="hidden" id="returnY" name="returnY" />
77    <div>
78      <input type="text" name="postcode1" id="postcode1" size="4" />
79      <input type="text" name="postcode2" id="postcode2" size="3" />
80    </div>
81    <div><input type="submit" value="submit" /></div>
82  </form>
83         <span class="terms">By clicking submit you agree to release this information into the public domain.</span>
84  </div>
85<!--
86  <div id="postcodeinfo">
87    <span id="postcode"></span>
88    <input type="hidden" id="pcode_id" name="postcode" />
89    <input type="text" id="reason" name="reason" />
90    <input type="text" id="email" name="email" />
91   
92  </div>
93-->
94  <div id="map">
95  </div>
96</div>
97</div>
98    </body>
99</html>
Note: See TracBrowser for help on using the repository browser.