source: trunk/london.npemap.org.uk/index.html @ 533

Last change on this file since 533 was 533, checked in by Nick Burch, 13 years ago

Add initial london.npemap.org.uk

  • Property svn:eol-style set to native
File size: 1.7 KB
Line 
1<!--#set var="title" value="Geographers' Authentic Map of London" -->
2<!--#set var="link" value="/" -->
3<!--#include virtual="inc/header.shtml" -->
4<script src="js/yahoo.js" type="text/javascript"></script> 
5<script src="js/dom.js" type="text/javascript"></script> 
6<script src="js/event.js" type="text/javascript"></script> 
7<script src="js/jsr_class.js" type="text/javascript"></script> 
8<script src="js/jscoord-1.1.1.js" type="text/javascript"></script> 
9<script src="js/prototype.js" type="text/javascript"></script>
10
11<div id="body">
12<div id="top_description">
13 On this site, you can view a 1956
14 <a href="http://www.a-zmaps.co.uk/">Geographers' Map Company</a> map of
15 London. Simply click on the map below to get started.
16</div>
17
18<noscript>
19 This site requires javascript
20</noscript>
21
22<div id="map">
23   <img src="/thumbnail.jpg" alt="Map of London" id="link" />
24   <br />
25   <i>This map is reproduced by kind permission of the Geographers' A-Z Map
26    Company.</i>
27</div>
28
29<script type="text/javascript">
30function click(e) {
31    e = YAHOO.util.Event.getEvent(e);
32    var img = YAHOO.util.Event.getTarget(e);
33    var imgPos = YAHOO.util.Dom.getXY(img);
34
35    var x = (YAHOO.util.Event.getPageX(e) - imgPos[0]);
36    var y = (img.height-(YAHOO.util.Event.getPageY(e) - imgPos[1]));
37
38        // We scaled the image so there are 24 pixes per image
39        var tile_x = Math.round(x/24);
40        var tile_y = Math.round(y/24);
41        var tile_x_offset = x - (tile_x*24);
42        var tile_y_offset = y - (tile_y*24);
43
44        // Always seem to be 1 tile too far to the right
45        tile_x -= 1;
46
47        location.href="/tiles.html#"+tile_x+","+tile_y+",1";
48}
49
50// Attach an onclick action to the thumbnail image
51YAHOO.util.Event.addListener("link", "click", click);
52</script>
53
54</div>
55<!--#include virtual="inc/footer.shtml" -->
Note: See TracBrowser for help on using the repository browser.