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

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

Make the markers look like they are clickable.

File size: 4.6 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="connection.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        <h1 id=theTitle>New Popular Edition Maps</h1>
22
23<div id="main_page">
24<div id="menu" style="float:right">
25         <table border="0">
26           <tr>
27             <td colspan="2" align="center"><input type="button"
28  onclick="updateGrid('up')" value="/\"></td>
29           </tr>
30           <tr>
31             <td><input type="button" onclick="updateGrid('left')"
32  value="<"></td>
33             <td><input type="button" onclick="updateGrid('right')"
34  value=">"></td>
35           </tr>
36           <tr>
37             <td colspan="2" align="center"><input type="button"
38  onclick="updateGrid('down')" value="\/"></td>
39           </tr>
40         </table>
41         <span class='hidden' id="spinner">Loading...</span>
42
43                <div>
44                        <br />
45                        <a href="javascript:zoomOut()">zoom out</a>
46                        <br />
47      <span id="zoomin_enabled"><a href="javascript:zoomIn()" >zoom in</a></span>
48      <span id="zoomin_disabled" style="display: none">zoom in</span>
49                </div>
50
51                <div>
52                        <br />
53                        <a href="" id="permalink">permalink</a>
54                        <br />
55                        <a href="/" id="home">home</a>
56                        <br />
57                        <a href="/reportBug.html">problem?</a>
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      <input type="submit" name="Zoom To" value="Go" /></p>
64      </form>
65      <span class="terms">Functionality by <a href="http://www.geonames.org/">Geonames</a>.</span>
66                </div>
67</div>
68  <div id="postcode_detail_window">
69    <div style="float:right"><a href="javascript:hideMarkerWindow()" title="close">X</a></div>
70                <div><span class="terms" id="postcode_detail"></span></div>
71                <div><span class="terms" id="location_detail"></span></div>
72    <div><span class="terms" id="source_detail"></span></div>
73    <a href="#" id="bad">Problem?</a>
74    <div class="report_form" id="report_form">
75      <form method="post" action="../../cgi/bad-postcode.fcgi">
76      <input type="hidden" name="postcode" id="postcode_id_detail" />
77      <label for="reason"><span title="Why you think it is incorrect">Problem:</span></label>
78     
79      <input type="text" name="reason" id="reason" size="45"/><br/>
80      <label for="reason_email"><span title="So we can let you know what we're doing about it.">email</span></label>
81      <input type="text" name="email" id="reason_email" size="30"/>
82      <input alt="submit" src="../images/btn_submit.png" type="image" /> 
83
84      </form>
85    </div>
86  </div>
87  <div id="postcode_form">
88  <form method="post" action="../../cgi/submit.fcgi">
89    <div style="float:right"><a href="javascript:closePostcodeWindow()" title="close">X</a></div>
90                <div><span id="location"></span></div>
91    <div><label for="postcode1">Enter the postcode...</label></div>
92    <input type="hidden" id="easting" name="easting" />
93    <input type="hidden" id="northing" name="northing" />
94    <input type="hidden" id="returnX" name="returnX" />
95    <input type="hidden" id="returnY" name="returnY" />
96    <div>
97      <input type="text" name="postcode1" id="postcode1" size="4" />
98      <input type="text" name="postcode2" id="postcode2" size="3" />
99    </div>
100    <div><input type="submit" value="submit" /></div>
101  </form>
102         <span class="terms">Partial codes are fine e.g. "OX1" or "OX1 3". <!--<a href="" target='_new'>Details</a>.--></span><br/><br/>
103         <span class="terms">By clicking submit you agree to release this information into the public domain.</span>
104  </div>
105</div>
106<div id="map_container" style="float:left">
107  <div id="marker">
108  <img src='../images/yellow-marker.gif' alt="Your location"/>
109  </div>
110<!--
111  <div id="postcodeinfo">
112    <span id="postcode"></span>
113    <input type="hidden" id="pcode_id" name="postcode" />
114    <input type="text" id="reason" name="reason" />
115    <input type="text" id="email" name="email" />
116   
117  </div>
118-->
119  <div id="map">
120  </div>
121</div>
122    </body>
123</html>
Note: See TracBrowser for help on using the repository browser.