source: trunk/npemap.org.uk/static/index.html @ 376

Last change on this file since 376 was 376, checked in by David Sheldon, 14 years ago

Add a new line so the Go button is on the same line as the box.

File size: 4.0 KB
Line 
1<!--#set var="title" value="New Popular Edition Maps" -->
2<!--#set var="link" value="/" -->
3<!--#include virtual="inc/header.shtml" -->
4<script src="tiles/yahoo.js" type="text/javascript"></script> 
5<script src="tiles/dom.js" type="text/javascript"></script> 
6<script src="tiles/event.js" type="text/javascript"></script> 
7<script src="tiles/jsr_class.js" type="text/javascript"></script> 
8<script src="tiles/jscoord-1.1.1.js" type="text/javascript"></script> 
9<script src="tiles/prototype.js" type="text/javascript"></script>
10<script src="find.js" type="text/javascript"></script> 
11
12<div id="body">
13
14<div class="left-col"> 
15<ul>
16<li>Want to keep updated? <a href="news/">News</a> <a href="news/index.rss" class="feed">RSS</a></li>
17<li>Questions? <a href="FAQ.html">FAQ</a></li>
18<li>Problems? <a href="reportBug.html">Tell us</a></li>
19<li>Scotland? Northern Ireland? <a href="scotlandAndNI.html">Be informed</a></li>
20<li>Worried about your data? <a href="privacy.html">Privacy policy</a></li>
21<li>Interested in our maps? <a href="tileLicence.html">Licence</a></li>
22</ul>
23
24<ul>
25<li><a href="data/">Download postcode data</a></li>
26<li><a href="postcodeine/">Show postcodes on map</a></li>
27<li><a href="http://technology.guardian.co.uk/weekly/story/0,,1936557,00.html">Read about us in the Guardian!</a></li>
28</ul>
29
30<h3>Postcode statistics (<a href="stats/">more</a>)</h3>
31
32<!--#include virtual="stats/summary.html" -->
33
34</div>
35<div class="mid-col"> 
36
37<p> Have a look round what the country looked like in the 1940s. Click on the
38map to the right to start, you can then scroll around and zoom in.  </p>
39
40<div id="postcodeinfobox">
41<p> Whilst looking around, you can tell us about the postcode of where you are
42looking. We want to collect information about where postcodes are now by
43finding them on old maps.</p>
44<p>All you need to do is click on the the point in the map and fill in the
45postcode. Why not add your house, your place of work, and those of your
46friends and family, to help us build a free postcode database?
47There is more detail about why we want to do this in
48the <a href="FAQ.html">FAQ</a>.</p>
49</div>
50
51</div>
52<div class="right-col">
53<p>
54Click on the map to zoom in and get on with it.
55</p>
56<script type="text/javascript">
57document.write(' <a href="#" id="link"> <img src="thumbnail.jpg" alt="Click this map to zoom"/> </a>');
58</script>
59<noscript>
60This site requires javascript
61</noscript>
62
63<form onsubmit="return find()" action="">
64<p>
65<script type="text/javascript">
66document.write(' <label for="where">Place/postcode:</label><br/><input id="where" name="where" /> <input type="submit" name="Zoom To" value="Go" />');
67</script>
68
69</p>
70
71<div id="geonames_results_window">
72  <div class="close"><a href="javascript:hideGeonamesPopup()" title="close">X</a></div>
73  <div id="geonames_results"></div>
74</div>
75
76</form>
77      <span class="terms">Place functionality by <a href="http://www.geonames.org/">Geonames</a>.</span>
78</div>
79
80<script type="text/javascript">
81var ROOTURL = ".";
82
83var xOffset = 62;
84
85function gotoLocation(easting, northing, zoom) {
86    location.href = urlFor(easting, northing, zoom);
87}
88
89
90function click(e) {
91       
92  e = YAHOO.util.Event.getEvent(e);
93  var img = YAHOO.util.Event.getTarget(e);
94  var imgPos = YAHOO.util.Dom.getXY(img);
95
96        var x = (xOffset + YAHOO.util.Event.getPageX(e) - imgPos[0]) * 2;
97        var y = (img.height-(YAHOO.util.Event.getPageY(e) - imgPos[1])) * 2;
98
99        location.href=(urlFor(x, y, 3));
100
101        YAHOO.util.Event.stopEvent(e);
102}
103
104YAHOO.util.Event.addListener("link", "click", click);
105
106var zooms = new Array(1);
107zooms[1] = 1;
108zooms[2] = 3;
109zooms[3] = 6;
110
111function urlFor(easting, northing, zoom) {
112  var x= Math.round(easting / zooms[zoom]); 
113  var y= Math.round(northing/ zooms[zoom]); 
114  return ROOTURL + "/tiles/map.html#" +  x + "," + y +","+zoom;
115}
116
117</script>
118
119</div>
120<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
121</script>
122<script type="text/javascript">
123_uacct = "UA-732621-2";
124if (typeof urchinTracker == 'function') urchinTracker();
125</script>
126<!--#include virtual="inc/footer.shtml" -->
Note: See TracBrowser for help on using the repository browser.