source: trunk/london.npemap.org.uk/tiles.html @ 698

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

Add FAQ etc

  • Property svn:eol-style set to native
File size: 5.9 KB
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2<html>
3<head>
4        <title>Geographers' Authentic Map of London</title>
5        <link rel="stylesheet" type="text/css" href="grid.css">
6</head>
7<body onload="initializePage();" id="body">
8<!-- Yahoo functions -->
9<script src="js/yahoo.js" type="text/javascript"></script>
10<script src="js/dom.js" type="text/javascript"></script>
11<script src="js/event.js" type="text/javascript"></script>
12<script src="js/jsr_class.js" type="text/javascript"></script>
13<script src="js/jscoord-1.1.1.js" type="text/javascript"></script>
14<script src="js/prototype.js" type="text/javascript"></script>
15<!-- Our functions -->
16<script src="js/mapTiles.js" type="text/javascript"></script>
17<script type="text/javascript">
18 YAHOO.util.Event.addListener(window,'resize',doResize);
19</script>
20
21<div id="theTitle">
22        <h1>Coming Soon - click on the map to submit postcodes</h1>
23</div>
24
25<div id="main_page">
26        <div id='marker' class="marker"><img src="../images/yellow-marker.gif" alt='Your location'/></div>
27        <div id="menu" style="float:right">
28          <h5>Navigation</h5>
29          <div id="movement">
30                  <img src="../images/LeftUp.png" onclick="updateGrid('upleft')" alt="north-west" class="left"/>
31                        <img src="../images/Up.png"  onclick="updateGrid('up')" alt="north"/>
32                        <img src="../images/RightUp.png" onclick="updateGrid('upright')" alt="north-east"/>
33                        <img src="../images/Left.png" onclick="updateGrid('left')" alt="west" class="left"/>
34                        <img src="../images/Reload.png" onclick="reload_page()" alt="reload"/>
35                        <img src="../images/Right.png" onclick="updateGrid('right')" alt="east"/>
36                  <img src="../images/LeftDown.png" onclick="updateGrid('downleft')" alt="south-west" class="left"/>
37                        <img src="../images/Down.png"  onclick="updateGrid('down')" alt="south"/>
38                        <img src="../images/RightDown.png" onclick="updateGrid('downright')" alt="south-east"/>
39          </div>
40                <div id="zoominout">
41                                        <span id="zoomin_enabled"><img src="../images/ZoomIn.png" onclick="zoomIn()" alt="Zoom in" /></span>
42                                        <span id="zoomin_disabled" style="display: none"><img src="../images/ZoomIn_disabled.png" /></span>
43                                <img src="../images/ZoomOut.png" onclick="zoomOut()" alt="Zoom out" />
44                </div>
45
46                <div class="links"><span style="display: none" id="permalink"></span>
47
48
49          <h5>Links</h5>
50                <ul class="links">
51                        <li><a href="/" id="home">Home</a></li>
52                        <li><a href="/FAQ.html" id="faq">FAQ</a></li>
53                        <li><a href="/reportBug.html">Problems?</a></li>
54                </div>
55
56        <div id="showHideMarkers">
57          <h5>Key</h5>
58    <ul><li class="blue"><a href="http://www.freethepostcode.org">freethepostcode.org</a> data</li><li class="green">our data</li></ul>
59    <p><img src="../images/green-marker.gif" alt='' > <a href="javascript:setMarkersHidden()" id="setMarkers">hide markers</a><a href="javascript:unsetMarkersHidden()" id="unsetMarkers" style="display:none">show markers</a></p>
60        </div>
61  <div id="spinner" class="status">
62    <p>&nbsp;</p>
63  </div>
64</div>
65  <div id="postcode_detail_window">
66    <div class="close"><a href="javascript:hideMarkerWindow()" title="close">X</a></div>
67                <div><span class="label">Postcode: </span><span id="postcode_detail"></span></div>
68                <div><span class="label">Location: </span><span id="location_detail"></span></div>
69                <div><span class="label">Lat/Long: </span><span id="latlong_detail"></span></div>
70    <div><span class="label">Source: </span><span id="source_detail"></span></div>
71    <a href="#" id="bad">Problem?</a>
72    <div class="report_form" id="report_form">
73      <form method="post" action="../../cgi/bad-postcode.fcgi" id="bad_form">
74      <input type="hidden" name="postcode" id="postcode_id_detail" />
75      <label for="reason"><span title="Why you think it is incorrect">Problem:</span></label>
76
77      <input type="text" name="reason" id="reason" size="45"/><br/>
78      <label for="reason_email"><span title="So we can let you know what we're doing about it.">email</span></label>
79      <input type="text" name="email" id="reason_email" size="30"/>
80      <input alt="submit" src="../images/btn_submit.png" type="image" />
81      </form>
82    </div>
83  </div>
84  <div id="postcode_form">
85<!--  <form method="post" action="../../cgi/submit.fcgi" id="postcode_submit"> -->
86    <div class="close"><a href="javascript:closePostcodeWindow()" title="close">X</a></div>
87                <div><span id="location"></span></div>
88                <br />
89                <div><p><strong>We estimate that positions may have errors of up to 200m</strong></p></div>
90<!--    <div><label for="postcode1">Enter the postcode of the point you clicked on, or close the window with the 'X' above:</label></div>
91    <input type="hidden" id="easting" name="easting" />
92    <input type="hidden" id="northing" name="northing" />
93    <input type="hidden" id="returnX" name="returnX" />
94    <input type="hidden" id="returnY" name="returnY" />
95    <div>
96      <input type="text" name="postcode1" id="postcode1" size="4" />
97      <input type="text" name="postcode2" id="postcode2" size="3" />
98      <input type="submit" value="submit" />
99    </div>
100  </form>
101         <span class="terms">Partial codes are fine e.g. "OX1" or "OX1 3".</span><br/><br/>
102         <span class="terms">By clicking submit you agree to release this information into the public domain.</span> -->
103  </div>
104</div>
105<div id="map_container" style="float:left">
106<!--
107  <div id="postcodeinfo">
108    <span id="postcode"></span>
109    <input type="hidden" id="pcode_id" name="postcode" />
110    <input type="text" id="reason" name="reason" />
111    <input type="text" id="email" name="email" />
112
113  </div>
114-->
115  <div id="map">
116   <noscript><h2>This site requires Javascript</h2><p>Without javascript you cannot see the maps or contribute data</p></noscript>
117  </div>
118  <div id="copyright">
119        <i>This map is reproduced by kind permission of the Geographers' A-Z Map Company, and is still in <a href="/FAQ.html#licence">copyright</a>.</i>
120  </div>
121
122  <div id="status" name="status" style="display: none">
123    <p>&nbsp;</p>
124  </div>
125</div>
126    </body>
127</html>
Note: See TracBrowser for help on using the repository browser.