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

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

Add in overflow stuff

  • Property svn:eol-style set to native
File size: 1.9 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 class="left-col">
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 to the right to get started.
16</div>
17
18<div class="right-col">
19 <ul>
20   <li>Questions? <a href="FAQ.html">FAQ</a></li>
21   <li>Problems? <a href="reportBug.html">Tell us</a></li>
22 </ul>
23</div>
24
25<div class="mid-col">
26        <noscript>
27         This site requires javascript
28        </noscript>
29
30 <div id="map">
31   <img src="/thumbnail.jpg" alt="Map of London" id="link" />
32   <br />
33   <i>These maps are reproduced by kind permission of the Geographers' A-Z Map
34    Company, and are still in <a href="/FAQ.html#licence">copyright</a>.</i>
35 </div>
36</div>
37
38<script type="text/javascript">
39function click(e) {
40    e = YAHOO.util.Event.getEvent(e);
41    var img = YAHOO.util.Event.getTarget(e);
42    var imgPos = YAHOO.util.Dom.getXY(img);
43
44    var x = (YAHOO.util.Event.getPageX(e) - imgPos[0]);
45    var y = (img.height-(YAHOO.util.Event.getPageY(e) - imgPos[1]));
46
47        // We scaled the image so there are 24 pixes per image
48        var tile_x = Math.floor(x/24);
49        var tile_y = Math.floor(y/24);
50        var tile_x_offset = x - (tile_x*24);
51        var tile_y_offset = y - (tile_y*24);
52
53        location.href="/tiles.html#"+tile_x+","+tile_y+",1";
54}
55
56// Attach an onclick action to the thumbnail image
57YAHOO.util.Event.addListener("link", "click", click);
58</script>
59
60</div>
61<!--#include virtual="inc/footer.shtml" -->
Note: See TracBrowser for help on using the repository browser.