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

Last change on this file since 414 was 414, checked in by Nick Burch, 14 years ago

New thumbnails, which include the bits of Scotland that we have

File size: 4.3 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<a href="http://digg.com/general_sciences/New_Popular_Edition_Maps">
35<img src="images/80x15-digg-badge-2.gif" width="80" height="15" alt="Digg!" 
36  border="0" />
37</a>
38
39</div>
40<div class="mid-col"> 
41
42<p> Have a look round what the country looked like in the 1940s. Click on the
43map to the right to start, you can then scroll around and zoom in.  </p>
44
45<div id="postcodeinfobox">
46<p> Whilst looking around, you can tell us about the postcode of where you are
47looking. We want to collect information about where postcodes are now by
48finding them on old maps.</p>
49<p>All you need to do is click on the the point in the map and fill in the
50postcode. Why not add your house, your place of work, and those of your
51friends and family, to help us build a free postcode database?
52There is more detail about why we want to do this in
53the <a href="FAQ.html">FAQ</a>.</p>
54</div>
55
56</div>
57<div class="right-col">
58<p>
59Click on the map to zoom in and get on with it.
60</p>
61<script type="text/javascript">
62document.write(' <a href="#" id="link"> <img src="thumbnail.jpg" alt="Click this map to zoom"/> </a>');
63</script>
64<noscript>
65This site requires javascript
66</noscript>
67
68<form onsubmit="return find()" action="">
69<p>
70<script type="text/javascript">
71document.write(' <label for="where">Place/postcode:</label><br/><input id="where" name="where" /> <input type="submit" name="Zoom To" value="Go" />');
72</script>
73
74</p>
75
76<div id="geonames_results_window">
77  <div class="close"><a href="javascript:hideGeonamesPopup()" title="close">X</a></div>
78  <div id="geonames_results"></div>
79</div>
80
81</form>
82      <span class="terms">Place functionality by <a href="http://www.geonames.org/">Geonames</a>.</span>
83</div>
84
85<script type="text/javascript">
86var ROOTURL = ".";
87
88// The X offset
89// (The number of pixels that were trimmed from the left of the thumbnail
90//   image, when it was created to start at 0,0 , but after it was halved
91//   in size)
92var xOffset = 38;
93
94function gotoLocation(easting, northing, zoom) {
95    location.href = urlFor(easting, northing, zoom);
96}
97
98
99function click(e) {
100       
101  e = YAHOO.util.Event.getEvent(e);
102  var img = YAHOO.util.Event.getTarget(e);
103  var imgPos = YAHOO.util.Dom.getXY(img);
104
105        var x = (xOffset + YAHOO.util.Event.getPageX(e) - imgPos[0]) * 2;
106        var y = (img.height-(YAHOO.util.Event.getPageY(e) - imgPos[1])) * 2;
107
108        location.href=(urlFor(x, y, 3));
109
110        YAHOO.util.Event.stopEvent(e);
111}
112
113YAHOO.util.Event.addListener("link", "click", click);
114
115var zooms = new Array(1);
116zooms[1] = 1;
117zooms[2] = 3;
118zooms[3] = 6;
119
120function urlFor(easting, northing, zoom) {
121  var x= Math.round(easting / zooms[zoom]); 
122  var y= Math.round(northing/ zooms[zoom]); 
123  return ROOTURL + "/tiles/map.html#" +  x + "," + y +","+zoom;
124}
125
126</script>
127
128</div>
129<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
130</script>
131<script type="text/javascript">
132_uacct = "UA-732621-2";
133if (typeof urchinTracker == 'function') urchinTracker();
134</script>
135<!--#include virtual="inc/footer.shtml" -->
Note: See TracBrowser for help on using the repository browser.