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

Last change on this file since 316 was 316, checked in by David Sheldon, 14 years ago

Add noscript to explain why nothing appears to people without JS.

File size: 6.5 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>New Popular Edition Maps</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="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> 
14<script src="prototype.js" type="text/javascript"></script>
15<!-- Our functions -->
16<script src="mapTiles.js" type="text/javascript"></script>
17<script type="text/javascript">
18window.onresize = doResize;
19
20</script>
21<div id="theTitle">
22        <h1>Click on the map to Enter Postcodes</h1>
23</div>
24<div id="main_page">
25<div id='marker' class="marker"><img src="../images/yellow-marker.gif" alt='Your location'/></div>
26<div id="menu" style="float:right">
27         <table border="0" id="movement">
28           <tr>
29             <td><img src="../images/LeftUp.png" onclick="updateGrid('upleft')" alt="north-west"/></td>
30             <td><img src="../images/Up.png"  onclick="updateGrid('up')" alt="north"/></td>
31             <td><img src="../images/RightUp.png" onclick="updateGrid('upright')" alt="north-east"/></td>
32           </tr>
33           <tr>
34             <td><img src="../images/Left.png" onclick="updateGrid('left')" alt="west"/></td> 
35             <td><img src="../images/Reload.png" onclick="reload_page()" alt="reload"/></td> 
36             <td><img src="../images/Right.png" onclick="updateGrid('right')" alt="east"/></td> 
37           </tr>
38           <tr>
39             <td><img src="../images/LeftDown.png" onclick="updateGrid('downleft')" alt="south-west"/></td>
40             <td><img src="../images/Down.png"  onclick="updateGrid('down')" alt="south"/></td>
41             <td><img src="../images/RightDown.png" onclick="updateGrid('downright')" alt="south-east"/></td>
42           </tr>
43           <tr>
44             <td> <img src="../images/ZoomOut.png" onclick="zoomOut()" alt="Zoom out" /></td>
45             <td></td>
46             <td>
47               <span id="zoomin_enabled"><img src="../images/ZoomIn.png" onclick="zoomIn()" alt="Zoom in" /></span>
48               <span id="zoomin_disabled" style="display: none"><img src="../images/ZoomIn_disabled.png" /></span>
49             </td>
50           </tr>
51         </table>
52
53
54                <div><span style="display: none" id="permalink"></span>
55      <ul class="links">
56       <li><a href="/" id="home">Home</a></li>
57                         <li><a href="/reportBug.html">Problem?</a></li>
58                </div>
59                <div id="geonames-search">
60      <form onsubmit="return find()" action="">
61      <p><label for="where">Place name:</label><br/>
62      <input id="where" name="where" size="15"/><br/>
63      </form>
64      <span class="terms">Functionality by <a href="http://www.geonames.org/">Geonames</a>.</span>
65                </div>
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        <div id="showHideMarkers">
71    <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>
72    <ul><li class="blue"><a href="http://www.freethepostcode.org">freethepostcode.org</a> data</li><li class="green">our data</li></ul>
73        </div>
74  <div id="spinner" class="status">
75    <p>Status... </p> 
76  </div>
77</div>
78  <div id="postcode_detail_window">
79    <div class="close"><a href="javascript:hideMarkerWindow()" title="close">X</a></div>
80                <div><span class="label">Postcode: </span><span id="postcode_detail"></span></div>
81                <div><span class="label">Location: </span><span id="location_detail"></span></div>
82                <div><span class="label">Lat/Long: </span><span id="latlong_detail"></span></div>
83    <div><span class="label">Source: </span><span id="source_detail"></span></div>
84    <a href="#" id="bad">Problem?</a>
85    <div class="report_form" id="report_form">
86      <form method="post" action="../../cgi/bad-postcode.fcgi" id="bad_form">
87      <input type="hidden" name="postcode" id="postcode_id_detail" />
88      <label for="reason"><span title="Why you think it is incorrect">Problem:</span></label>
89     
90      <input type="text" name="reason" id="reason" size="45"/><br/>
91      <label for="reason_email"><span title="So we can let you know what we're doing about it.">email</span></label>
92      <input type="text" name="email" id="reason_email" size="30"/>
93      <input alt="submit" src="../images/btn_submit.png" type="image" /> 
94      </form>
95    </div>
96  </div>
97  <div id="postcode_form">
98  <form method="post" action="../../cgi/submit.fcgi" id="postcode_submit">
99    <div class="close"><a href="javascript:closePostcodeWindow()" title="close">X</a></div>
100                <div><span id="location"></span></div>
101    <div><label for="postcode1">Enter the postcode...</label></div>
102    <input type="hidden" id="easting" name="easting" />
103    <input type="hidden" id="northing" name="northing" />
104    <input type="hidden" id="returnX" name="returnX" />
105    <input type="hidden" id="returnY" name="returnY" />
106    <div>
107      <input type="text" name="postcode1" id="postcode1" size="4" />
108      <input type="text" name="postcode2" id="postcode2" size="3" /> 
109          </div>
110                <div> <input type="submit" value="submit" /></div>
111  </form>
112         <span class="terms">Partial codes are fine e.g. "OX1" or "OX1 3". <!--<a href="" target='_new'>Details</a>.--></span><br/><br/>
113         <span class="terms">By clicking submit you agree to release this information into the public domain.</span>
114  </div>
115</div>
116<div id="map_container" style="float:left">
117<!--
118  <div id="postcodeinfo">
119    <span id="postcode"></span>
120    <input type="hidden" id="pcode_id" name="postcode" />
121    <input type="text" id="reason" name="reason" />
122    <input type="text" id="email" name="email" />
123   
124  </div>
125-->
126  <div id="map">
127   <noscript><h2>This site requires Javascript</h2><p>Without javascript you cannot see the maps or contribute data</p></noscript>
128  </div>
129
130  <div id="status" name="status" style="display: none">
131    <p>&nbsp;</p> 
132  </div>
133</div>
134<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
135</script>
136<script type="text/javascript">
137_uacct = "UA-732621-2";
138if (typeof urchinTracker == 'function') urchinTracker();
139</script>
140    </body>
141</html>
Note: See TracBrowser for help on using the repository browser.