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

Last change on this file since 384 was 384, checked in by Dominic Hargreaves, 13 years ago

Better digg url

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/submit?phase=2&amp;url=www.npemap.org.uk&amp;title=New%20Popular%20Edition%20Maps&amp;bodytext=Browse%20old%20maps%20of%20the%20UK%20and%20submit%20your%20postcode%20to%20a%20public%20domain%20database%20at%20the%20same%20time&amp;topic=environment">
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
88var xOffset = 62;
89
90function gotoLocation(easting, northing, zoom) {
91    location.href = urlFor(easting, northing, zoom);
92}
93
94
95function click(e) {
96       
97  e = YAHOO.util.Event.getEvent(e);
98  var img = YAHOO.util.Event.getTarget(e);
99  var imgPos = YAHOO.util.Dom.getXY(img);
100
101        var x = (xOffset + YAHOO.util.Event.getPageX(e) - imgPos[0]) * 2;
102        var y = (img.height-(YAHOO.util.Event.getPageY(e) - imgPos[1])) * 2;
103
104        location.href=(urlFor(x, y, 3));
105
106        YAHOO.util.Event.stopEvent(e);
107}
108
109YAHOO.util.Event.addListener("link", "click", click);
110
111var zooms = new Array(1);
112zooms[1] = 1;
113zooms[2] = 3;
114zooms[3] = 6;
115
116function urlFor(easting, northing, zoom) {
117  var x= Math.round(easting / zooms[zoom]); 
118  var y= Math.round(northing/ zooms[zoom]); 
119  return ROOTURL + "/tiles/map.html#" +  x + "," + y +","+zoom;
120}
121
122</script>
123
124</div>
125<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
126</script>
127<script type="text/javascript">
128_uacct = "UA-732621-2";
129if (typeof urchinTracker == 'function') urchinTracker();
130</script>
131<!--#include virtual="inc/footer.shtml" -->
Note: See TracBrowser for help on using the repository browser.