source: trunk/src/map/index.php@ 7719

Last change on this file since 7719 was 7719, checked in by janveeden, 15 years ago

Added more commenting in index.php
File size: 3.6 KB
Line 
1<html>
2<head>
3<title>Nodemap Wireless Leiden</title>
4<!-- External stylesheet for all browsers -->
5<link href="style/stylesheet.css" rel="stylesheet" type="text/css">
6<!-- Using stylesheet2.css when browser is any version of Microsoft Internet Explorer -->
7<!--[if IE]>
8 <link href="style/stylesheet2.css" rel="stylesheet" type="text/css">
9<![endif]-->
10
11<!-- Loading in the google-api -->
12<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA" type="text/javascript"></script>
13<!-- Loading in the javascript that will add the map into #mapcanvas -->
14<script type="text/javascript" src="inc/nodemapWL.js"></script>
15<script type="text/javascript" src="inc/overlay.js"></script>
16
17<!-- Loading in the javascript that handles the switching between gebruiker and beheerder -->
18<script type="text/javascript" src="inc/gebruiker_beheerder_switch.js"></script>
19</head>
20<body>
21<!-- Mainwrapper contains all content on the page -->
22<div id="mainwrapper">
23 <!-- Mapcanvas is the container where the map will be put in. Height and width of map is specified by size of the div -->
24 <div id="mapcanvas">
25 <!-- Create the map using the intitialize_map() function from nodemapWL.js -->
26 <script type="text/javascript">initialize_map();</script>
27 <!--<script type="text/javascript">nodeAdd();</script>-->
28 </div>
29 <div id="infowrapper">
30 <!-- Top information space -->
31 <div id="infotop">
32 <!-- Calling on the node information from an external php file. inc/node_info.php -->
33 <?php include("inc/node_info.php") ?>
34 </div>
35
36 <!-- Bottom information space -->
37 <div id="infobottom">
38 <!-- This contains the searchbox of the searchtool, and the send button for it -->
39 <div id="searchbox">
40 <form>
41 <input type="text" name="naam" size="18" maxlength="30"><input type="button" name="knop" value=" > ">
42 </form>
43 </div>
44 <!-- This contains the list of nodes, in future the searchbox will make it possible to filter this list -->
45 <div id="searchlist">
46 <select multiple>
47 <option value="node1">Node 1 Leiden</option>
48 <option value="node2">Node 2 Leiden</option>
49 <option value="node3">Node 3 Leiden</option>
50 <option value="node4">Node 4 Leiden</option>
51 <option value="node5">Node 5 Leiden</option>
52 <option value="node6">Node 6 Leiden</option>
53 <option value="node7">Node 7 Leiden</option>
54 <option value="node8">Node 8 Leiden</option>
55 <option value="node9">Node 9 Leiden</option>
56 <option value="node10">Node 10 Leiden</option>
57 </select>
58 </div>
59 </div>
60 <!-- The buttons under the searchframe. In a table for positioning. -->
61 <div id="userpick">
62 <table>
63 <tr><!-- onclick events activate functions from within inc/gebruiker_beheerder_switch.js which load in the selected view with node_info.php -->
64 <td><input type="button" value="Gebruiker" onclick="switchGebruiker();"></td>
65 <td><input type="button" value="Beheerder" onclick="switchBeheerder();"></td>
66 </tr>
67 </table>
68 </div>
69 </div>
70
71 <!-- General functions under the map -->
72 <div id="navigation">
73 <form>
74 <table>
75 <tr>
76 <!-- First colum -->
77 <td>
78 <input type="checkbox" value="shownodes" onclick="toggleMyKml();" checked="checked">Toon nodes
79 </td>
80 <!-- Second colum -->
81 <td>
82 <input type="checkbox" value="showrange">Toon dekking <br/>
83 <input type="checkbox" value="showtraffic">Toon dataverkeer
84 </td>
85 </tr>
86 </table>
87 </form>
88 </div>
89</div>
90</body>
91</html>
Note: See TracBrowser for help on using the repository browser.