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

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

Reuse the marker DIVs in the hope of making it faster, and show a message whilst they load (an animated spinner didn't help as the speed limit is in the client).

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         <span style="display: none" id="spinner">Loading...</span>
35
36                <div>
37                        <br />
38                        <a href="javascript:zoomOut()">zoom out</a>
39                        <br />
40                        <a href="javascript:zoomIn()">zoom in</a>
41                </div>
42
43                <div>
44                        <br />
45                        <a href="" id="permalink">permalink</a>
46                </div>
47</div>
48<div id="map_container" style="float:left">
49  <div id="marker">
50  <img src='../images/yellow-marker.gif' />
51  </div>
52  <div id="postcode_form">
53  <form method="post" action="../../cgi/submit.fcgi">
54    <div style="text-align: right;"><a href="javascript:closePostcodeWindow()" title="close">X</a></div>
55                <div><span id="location"></span></div>
56    <div><label for="postcode">Enter the postcode...</label></div>
57    <input type="hidden" id="easting" name="easting" />
58    <input type="hidden" id="northing" name="northing" />
59    <input type="hidden" id="returnX" name="returnX" />
60    <input type="hidden" id="returnY" name="returnY" />
61    <div>
62      <input type="text" name="postcode1" id="postcode1" size="4" />
63      <input type="text" name="postcode2" id="postcode2" size="3" />
64    </div>
65    <div><input type="submit" value="submit" /></div>
66  </form>
67  </div>
68
69  <div id="map">
70  </div>
71</div>
72</div>
73    </body>
74</html>
Note: See TracBrowser for help on using the repository browser.