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

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

Improved rant.

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