source: trunk/npemap.org.uk/static/tiles/map.html

Last change on this file was 756, checked in by Dominic Hargreaves, 7 years ago

soft-disable postcode submissions and update documentation accordingly

File size: 6.5 KB
RevLine 
[162]1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
[6]2<html>
[369]3<head>
4        <title>New Popular Edition Maps</title>
5        <link rel="stylesheet" type="text/css" href="grid.css">
6</head>
[163]7<body onload="initializePage();"  id="body">
[18]8<!-- Yahoo functions -->
[369]9<script src="yahoo.js" type="text/javascript"></script>
10<script src="dom.js" type="text/javascript"></script>
11<script src="event.js" type="text/javascript"></script>
12<script src="jsr_class.js" type="text/javascript"></script>
13<script src="jscoord-1.1.1.js" type="text/javascript"></script>
[313]14<script src="prototype.js" type="text/javascript"></script>
[18]15<!-- Our functions -->
[374]16<script src="../find.js" type="text/javascript"></script>
[162]17<script src="mapTiles.js" type="text/javascript"></script>
[163]18<script type="text/javascript">
[419]19 YAHOO.util.Event.addListener(window,'resize',doResize);
[163]20</script>
[369]21
[228]22<div id="theTitle">
[756]23        <h1>Click on the map to zoom in</h1>
[228]24</div>
[369]25
[6]26<div id="main_page">
[369]27        <div id='marker' class="marker"><img src="../images/yellow-marker.gif" alt='Your location'/></div>
28        <div id="menu" style="float:right">
[398]29          <h5>Navigation</h5>
[397]30          <div id="movement">
31                  <img src="../images/LeftUp.png" onclick="updateGrid('upleft')" alt="north-west" class="left"/>
32                        <img src="../images/Up.png"  onclick="updateGrid('up')" alt="north"/>
33                        <img src="../images/RightUp.png" onclick="updateGrid('upright')" alt="north-east"/>
34                        <img src="../images/Left.png" onclick="updateGrid('left')" alt="west" class="left"/>
35                        <img src="../images/Reload.png" onclick="reload_page()" alt="reload"/>
36                        <img src="../images/Right.png" onclick="updateGrid('right')" alt="east"/>
37                  <img src="../images/LeftDown.png" onclick="updateGrid('downleft')" alt="south-west" class="left"/>
38                        <img src="../images/Down.png"  onclick="updateGrid('down')" alt="south"/>
39                        <img src="../images/RightDown.png" onclick="updateGrid('downright')" alt="south-east"/>
40          </div>
41                <div id="zoominout">
[369]42                                        <span id="zoomin_enabled"><img src="../images/ZoomIn.png" onclick="zoomIn()" alt="Zoom in" /></span>
43                                        <span id="zoomin_disabled" style="display: none"><img src="../images/ZoomIn_disabled.png" /></span>
[397]44                                <img src="../images/ZoomOut.png" onclick="zoomOut()" alt="Zoom out" />
45                </div>
[6]46
[398]47                <div class="links"><span style="display: none" id="permalink"></span>
[6]48
[430]49
[431]50          <h5 id="sheets-title" style="display: none">Sheets</h5>
51          <div id="sheets" style="display: none"></div>
[430]52
[398]53          <h5>Links</h5>
[369]54                <ul class="links">
55                        <li><a href="/" id="home">Home</a></li>
[390]56                        <li><a href="/FAQ.html" id="faq">FAQ</a></li>
57                        <li><a href="/reportBug.html">Problems?</a></li>
[6]58                </div>
[369]59
[189]60                <div id="geonames-search">
[369]61                        <form onsubmit="return find()" action="">
[375]62                                <div><label for="where">Place/postcode:</label>
[369]63                                <input id="where" name="where" size="15"/></div>
64                        </form>
65
66                        <div id="geonames_results_window">
67                                <div class="close"><a href="javascript:hideGeonamesPopup()" title="close">X</a></div>
68                                <div id="geonames_results"></div>
69                        </div>
70
[375]71                        <p class="terms">Place search by <a href="http://www.geonames.org/">Geonames</a>.</p>
[144]72                </div>
[369]73
[254]74        <div id="showHideMarkers">
[398]75          <h5>Key</h5>
[655]76    <ul><li class="blue"><a href="http://www.freethepostcode.org">freethepostcode.org</a> data</li><li class="pink"><a href="http://www.dracos.co.uk/play/locating-postboxes/">dracos postboxes</a> data</li><li class="green">our data</li></ul>
[297]77    <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>
[254]78        </div>
[313]79  <div id="spinner" class="status">
[397]80    <p>&nbsp;</p>
[313]81  </div>
[6]82</div>
[203]83  <div id="postcode_detail_window">
[223]84    <div class="close"><a href="javascript:hideMarkerWindow()" title="close">X</a></div>
85                <div><span class="label">Postcode: </span><span id="postcode_detail"></span></div>
86                <div><span class="label">Location: </span><span id="location_detail"></span></div>
87                <div><span class="label">Lat/Long: </span><span id="latlong_detail"></span></div>
88    <div><span class="label">Source: </span><span id="source_detail"></span></div>
[216]89    <a href="#" id="bad">Problem?</a>
[214]90    <div class="report_form" id="report_form">
[313]91      <form method="post" action="../../cgi/bad-postcode.fcgi" id="bad_form">
[214]92      <input type="hidden" name="postcode" id="postcode_id_detail" />
[546]93      <input type="hidden" name="grid" id="grid2" />
[214]94      <label for="reason"><span title="Why you think it is incorrect">Problem:</span></label>
[369]95
[214]96      <input type="text" name="reason" id="reason" size="45"/><br/>
97      <label for="reason_email"><span title="So we can let you know what we're doing about it.">email</span></label>
98      <input type="text" name="email" id="reason_email" size="30"/>
[369]99      <input alt="submit" src="../images/btn_submit.png" type="image" />
[214]100      </form>
101    </div>
[203]102  </div>
[9]103  <div id="postcode_form">
[313]104  <form method="post" action="../../cgi/submit.fcgi" id="postcode_submit">
[223]105    <div class="close"><a href="javascript:closePostcodeWindow()" title="close">X</a></div>
[16]106                <div><span id="location"></span></div>
[482]107    <div><p><strong>NOT A SEARCH FORM: use the box to the right of the screen to search for a postcode</strong></p></div>
[484]108    <div><label for="postcode1">Enter the postcode of the point you clicked on, or close the window with the 'X' above:</label></div>
[42]109    <input type="hidden" id="easting" name="easting" />
110    <input type="hidden" id="northing" name="northing" />
111    <input type="hidden" id="returnX" name="returnX" />
112    <input type="hidden" id="returnY" name="returnY" />
[546]113    <input type="hidden" name="grid" id="grid" />
[66]114    <div>
115      <input type="text" name="postcode1" id="postcode1" size="4" />
[369]116      <input type="text" name="postcode2" id="postcode2" size="3" />
[359]117      <input type="submit" value="submit" />
118    </div>
[42]119  </form>
[176]120         <span class="terms">Partial codes are fine e.g. "OX1" or "OX1 3". <!--<a href="" target='_new'>Details</a>.--></span><br/><br/>
[111]121         <span class="terms">By clicking submit you agree to release this information into the public domain.</span>
[9]122  </div>
[172]123</div>
124<div id="map_container" style="float:left">
[9]125  <div id="map">
[316]126   <noscript><h2>This site requires Javascript</h2><p>Without javascript you cannot see the maps or contribute data</p></noscript>
[9]127  </div>
[313]128
[496]129  <div id="status" name="status" style="display: none">
130    <p>&nbsp;</p>
[313]131  </div>
[6]132</div>
[250]133<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
134</script>
135<script type="text/javascript">
136_uacct = "UA-732621-2";
137if (typeof urchinTracker == 'function') urchinTracker();
138</script>
[6]139    </body>
140</html>
Note: See TracBrowser for help on using the repository browser.