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

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

Add FAQ etc

  • Property svn:eol-style set to native
File size: 2.0 KB
RevLine 
[533]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">
[535]12<div class="left-col">
[533]13 On this site, you can view a 1956
14 <a href="http://www.a-zmaps.co.uk/">Geographers' Map Company</a> map of
[535]15 London. Simply click on the map to the right to get started.
[533]16</div>
17
[535]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>
[533]24
[535]25<div class="mid-col">
26        <noscript>
27         This site requires javascript
28        </noscript>
29
30 <div id="map">
[533]31   <img src="/thumbnail.jpg" alt="Map of London" id="link" />
32   <br />
[535]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>
[533]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.round(x/24);
49        var tile_y = Math.round(y/24);
50        var tile_x_offset = x - (tile_x*24);
51        var tile_y_offset = y - (tile_y*24);
52
53        // Always seem to be 1 tile too far to the right
54        tile_x -= 1;
55
56        location.href="/tiles.html#"+tile_x+","+tile_y+",1";
57}
58
59// Attach an onclick action to the thumbnail image
60YAHOO.util.Event.addListener("link", "click", click);
61</script>
62
63</div>
64<!--#include virtual="inc/footer.shtml" -->
Note: See TracBrowser for help on using the repository browser.