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

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

Use divs rather than tables for the navigation arrows, and put the zoom
to the right rather than below the arrows.

File size: 6.2 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="../find.js" type="text/javascript"></script>
17<script src="mapTiles.js" type="text/javascript"></script>
18<script type="text/javascript">
19window.onresize = doResize;
20
21</script>
22
23<div id="theTitle">
24        <h1>Click on the map to Enter Postcodes</h1>
25</div>
26
27<div id="main_page">
28        <div id='marker' class="marker"><img src="../images/yellow-marker.gif" alt='Your location'/></div>
29        <div id="menu" style="float:right">
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">
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>
44                                <img src="../images/ZoomOut.png" onclick="zoomOut()" alt="Zoom out" />
45                </div>
46
47                <div><span style="display: none" id="permalink"></span>
48
49                <ul class="links">
50                        <li><a href="/" id="home">Home</a></li>
51                        <li><a href="/FAQ.html" id="faq">FAQ</a></li>
52                        <li><a href="/reportBug.html">Problems?</a></li>
53                </div>
54
55                <div id="geonames-search">
56                        <form onsubmit="return find()" action="">
57                                <div><label for="where">Place/postcode:</label>
58                                <input id="where" name="where" size="15"/></div>
59                        </form>
60
61                        <div id="geonames_results_window">
62                                <div class="close"><a href="javascript:hideGeonamesPopup()" title="close">X</a></div>
63                                <div id="geonames_results"></div>
64                        </div>
65
66                        <p class="terms">Place search by <a href="http://www.geonames.org/">Geonames</a>.</p>
67                </div>
68
69        <div id="showHideMarkers">
70    <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>
71    <ul><li class="blue"><a href="http://www.freethepostcode.org">freethepostcode.org</a> data</li><li class="green">our data</li></ul>
72        </div>
73  <div id="spinner" class="status">
74    <p>&nbsp;</p>
75  </div>
76</div>
77  <div id="postcode_detail_window">
78    <div class="close"><a href="javascript:hideMarkerWindow()" title="close">X</a></div>
79                <div><span class="label">Postcode: </span><span id="postcode_detail"></span></div>
80                <div><span class="label">Location: </span><span id="location_detail"></span></div>
81                <div><span class="label">Lat/Long: </span><span id="latlong_detail"></span></div>
82    <div><span class="label">Source: </span><span id="source_detail"></span></div>
83    <a href="#" id="bad">Problem?</a>
84    <div class="report_form" id="report_form">
85      <form method="post" action="../../cgi/bad-postcode.fcgi" id="bad_form">
86      <input type="hidden" name="postcode" id="postcode_id_detail" />
87      <label for="reason"><span title="Why you think it is incorrect">Problem:</span></label>
88
89      <input type="text" name="reason" id="reason" size="45"/><br/>
90      <label for="reason_email"><span title="So we can let you know what we're doing about it.">email</span></label>
91      <input type="text" name="email" id="reason_email" size="30"/>
92      <input alt="submit" src="../images/btn_submit.png" type="image" />
93      </form>
94    </div>
95  </div>
96  <div id="postcode_form">
97  <form method="post" action="../../cgi/submit.fcgi" id="postcode_submit">
98    <div class="close"><a href="javascript:closePostcodeWindow()" title="close">X</a></div>
99                <div><span id="location"></span></div>
100    <div><label for="postcode1">Enter the postcode of this point:</label></div>
101    <input type="hidden" id="easting" name="easting" />
102    <input type="hidden" id="northing" name="northing" />
103    <input type="hidden" id="returnX" name="returnX" />
104    <input type="hidden" id="returnY" name="returnY" />
105    <div>
106      <input type="text" name="postcode1" id="postcode1" size="4" />
107      <input type="text" name="postcode2" id="postcode2" size="3" />
108      <input type="submit" value="submit" />
109    </div>
110  </form>
111         <span class="terms">Partial codes are fine e.g. "OX1" or "OX1 3". <!--<a href="" target='_new'>Details</a>.--></span><br/><br/>
112         <span class="terms">By clicking submit you agree to release this information into the public domain.</span>
113  </div>
114</div>
115<div id="map_container" style="float:left">
116<!--
117  <div id="postcodeinfo">
118    <span id="postcode"></span>
119    <input type="hidden" id="pcode_id" name="postcode" />
120    <input type="text" id="reason" name="reason" />
121    <input type="text" id="email" name="email" />
122
123  </div>
124-->
125  <div id="map">
126   <noscript><h2>This site requires Javascript</h2><p>Without javascript you cannot see the maps or contribute data</p></noscript>
127  </div>
128
129  <div id="status" name="status" style="display: none">
130    <p>&nbsp;</p>
131  </div>
132</div>
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>
139    </body>
140</html>
Note: See TracBrowser for help on using the repository browser.