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

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

Re-organise the right hand column, now the thumbnail is taller

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>
59You can search by place name, or click on the map.
60</p>
61
62<form onsubmit="return find()" action="">
63<p>
64<script type="text/javascript">
65document.write(' <label for="where">Place/postcode:</label><br/><input id="where" name="where" /> <input type="submit" name="Zoom To" value="Go" />');
66</script>
67</p>
68
69<div id="geonames_results_window">
70  <div class="close"><a href="javascript:hideGeonamesPopup()" title="close">X</a></div>
71  <div id="geonames_results"></div>
72</div>
73<span class="terms">Place functionality by <a href="http://www.geonames.org/">Geonames</a>.</span>
74</form>
75
76<script type="text/javascript">
77document.write(' <a href="#" id="link"> <img src="thumbnail.jpg" alt="Click this map to zoom"/> </a>');
78</script>
79<noscript>
80This site requires javascript
81</noscript>
82
83</div>
84
85
86<script type="text/javascript">
87var ROOTURL = ".";
88
89// The X offset
90// (The number of pixels that were trimmed from the left of the thumbnail
91//   image, when it was created to start at 0,0 , but after it was halved
92//   in size)
93var xOffset = 38;
94
95function gotoLocation(easting, northing, zoom) {
96    location.href = urlFor(easting, northing, zoom);
97}
98
99
100function click(e) {
101       
102  e = YAHOO.util.Event.getEvent(e);
103  var img = YAHOO.util.Event.getTarget(e);
104  var imgPos = YAHOO.util.Dom.getXY(img);
105
106        var x = (xOffset + YAHOO.util.Event.getPageX(e) - imgPos[0]) * 2;
107        var y = (img.height-(YAHOO.util.Event.getPageY(e) - imgPos[1])) * 2;
108
109        location.href=(urlFor(x, y, 3));
110
111        YAHOO.util.Event.stopEvent(e);
112}
113
114YAHOO.util.Event.addListener("link", "click", click);
115
116var zooms = new Array(1);
117zooms[1] = 1;
118zooms[2] = 3;
119zooms[3] = 6;
120
121function urlFor(easting, northing, zoom) {
122  var x= Math.round(easting / zooms[zoom]); 
123  var y= Math.round(northing/ zooms[zoom]); 
124  return ROOTURL + "/tiles/map.html#" +  x + "," + y +","+zoom;
125}
126
127</script>
128
129</div>
130<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
131</script>
132<script type="text/javascript">
133_uacct = "UA-732621-2";
134if (typeof urchinTracker == 'function') urchinTracker();
135</script>
136<!--#include virtual="inc/footer.shtml" -->
Note: See TracBrowser for help on using the repository browser.