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

Last change on this file since 6 was 6, checked in by David Sheldon, 15 years ago

Current code for the tiles map.

File size: 2.2 KB
Line 
1<html>
2    <head>
3        <title>New popular edition</title>
4        <link rel="stylesheet" type="text/css" href="grid.css">
5    </head>
6<body onload="initializePage(); initialGrid();">
7<script src="mapTiles.js"></script>
8        <h1 id=theTitle>New popular mapping</h1>
9   
10<p id=msgCall>JavaScript not enabled: Set your browser to use JavaScript.</p>
11
12<div id="main_page">
13<div id="move" style="float:right">
14         <table border="0">
15           <tr>
16             <td colspan="2" align="center"><input type="button"
17  onclick="updateGrid('up')" value="/\"></td>
18           </tr>
19           <tr>
20             <td><input type="button" onclick="updateGrid('left')"
21  value="<"></td>
22             <td><input type="button" onclick="updateGrid('right')"
23  value=">"></td>
24           </tr>
25           <tr>
26             <td colspan="2" align="center"><input type="button"
27  onclick="updateGrid('down')" value="\/"></td>
28           </tr>
29         </table>
30
31                <div>
32                        <br />
33                        <a href="javascript:zoomOut()">zoom out</a>
34                        <br />
35                        <a href="javascript:zoomIn()">zoom in</a>
36                </div>
37
38                <div>
39                        <br />
40                        <a href="" id="permalink">permalink</a>
41                </div>
42</div>
43<div id="grid" style="float:left">
44        <table border=1 bgcolor="red" cellpadding="10" id="theTable">
45<img width=125 height=125 id=element1.4><img width=125 height=125 id=element2.4><img width=125 height=125 id=element3.4><img width=125 height=125 id=element4.4><img width=125 height=125 id=element5.4><img width=125 height=125 id=element6.4><br>
46<img width=125 height=125 id=element1.3><img width=125 height=125 id=element2.3><img width=125 height=125 id=element3.3><img width=125 height=125 id=element4.3><img width=125 height=125 id=element5.3><img width=125 height=125 id=element6.3><br>
47<img width=125 height=125 id=element1.2><img width=125 height=125 id=element2.2><img width=125 height=125 id=element3.2><img width=125 height=125 id=element4.2><img width=125 height=125 id=element5.2><img width=125 height=125 id=element6.2><br>
48<img width=125 height=125 id=element1.1><img width=125 height=125 id=element2.1><img width=125 height=125 id=element3.1><img width=125 height=125 id=element4.1><img width=125 height=125 id=element5.1><img width=125 height=125 id=element6.1><br>
49
50        </table>
51</div>
52</div>
53
54    </body>
55</html>
Note: See TracBrowser for help on using the repository browser.