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

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

Update IE message.

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