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

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

Come on, we have to really.

File size: 1.8 KB
Line 
1<html>
2  <head>
3    <title>New Popular Edition Maps</title>
4    <link rel="stylesheet" type="text/css" href="default.css">
5  </head>
6  <body>
7<script src="tiles/yahoo.js"></script> 
8<script src="tiles/dom.js"></script> 
9<script src="tiles/event.js"></script> 
10<div id="body">
11<h1>New Popular Mapping<sup>beta</sup></h1>
12
13<div class="left-col"> 
14<ul>
15<li>Questions? <a href="FAQ.html">FAQ</a></li>
16<li>Problems? <a href="reportBug.html">Tell us</a></li>
17<li>Scotland? Northern Ireland? <a href="scotlandAndNI.html">Be informed</a></li>
18<li>Worried about your data? <a href="privacy.html">Privacy policy</a></li>
19<li>Interested in our maps? <a href="tileLicence.html">Licence</a>
20</ul>
21</div>
22<div class="mid-col"> 
23
24<p> Have a look round what the country looked like in the 1940s. Click on the
25map to the right to start, you can then scroll around and zoom in.  </p>
26
27<p> Whilst looking around, you can tell us about the postcode of where you are
28looking. We want to collect information about where postcodes are now by
29finding them on old maps. There is more detail about why we want to do this in
30the <a href="FAQ.html">FAQ</a></p>
31
32</div>
33<div class="right-col">
34<p>
35Click on the map to zoom in and get on with it.
36</p>
37<a href="#" id="link">
38<img src="thumbnail.jpg" style="border: none" />
39</a> </div>
40
41<script type="text/javascript">
42var xOffset = 62;
43
44function click(e) {
45       
46  e = YAHOO.util.Event.getEvent(e);
47  var img = YAHOO.util.Event.getTarget(e);
48        var x = xOffset + YAHOO.util.Event.getPageX(e) - img.offsetLeft;
49        var y = img.height-(YAHOO.util.Event.getPageY(e) - img.offsetTop);
50
51        var s6x = Math.round(x/3);
52        var s6y = Math.round(y/3);
53
54        window.location=("tiles/map.html?" + s6x + "," + s6y + ",3");
55
56        YAHOO.util.Event.stopEvent(e);
57}
58
59  YAHOO.util.Event.addListener("link", "click", click);
60
61</script>
62
63</div>
64
65  </body>
66</html>
Note: See TracBrowser for help on using the repository browser.