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

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

Added more commenting in index.php

File size: 3.6 KB
RevLine 
[7664]1<html>
2<head>
3<title>Nodemap Wireless Leiden</title>
[7717]4<!-- External stylesheet for all browsers -->
[7664]5<link href="style/stylesheet.css" rel="stylesheet" type="text/css">
[7717]6<!-- Using stylesheet2.css when browser is any version of Microsoft Internet Explorer -->
[7688]7<!--[if IE]>
8 <link href="style/stylesheet2.css" rel="stylesheet" type="text/css">
9<![endif]-->
10
[7665]11<!-- Loading in the google-api -->
[7694]12<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA" type="text/javascript"></script>
[7665]13<!-- Loading in the javascript that will add the map into #mapcanvas -->
14<script type="text/javascript" src="inc/nodemapWL.js"></script>
[7709]15<script type="text/javascript" src="inc/overlay.js"></script>
[7719]16
17<!-- Loading in the javascript that handles the switching between gebruiker and beheerder -->
[7718]18<script type="text/javascript" src="inc/gebruiker_beheerder_switch.js"></script>
[7664]19</head>
20<body>
[7717]21<!-- Mainwrapper contains all content on the page -->
[7664]22<div id="mainwrapper">
[7717]23 <!-- Mapcanvas is the container where the map will be put in. Height and width of map is specified by size of the div -->
[7665]24 <div id="mapcanvas">
25 <!-- Create the map using the intitialize_map() function from nodemapWL.js -->
26 <script type="text/javascript">initialize_map();</script>
[7709]27 <!--<script type="text/javascript">nodeAdd();</script>-->
[7665]28 </div>
[7664]29 <div id="infowrapper">
[7675]30 <!-- Top information space -->
31 <div id="infotop">
[7717]32 <!-- Calling on the node information from an external php file. inc/node_info.php -->
[7716]33 <?php include("inc/node_info.php") ?>
[7675]34 </div>
35
36 <!-- Bottom information space -->
37 <div id="infobottom">
[7717]38 <!-- This contains the searchbox of the searchtool, and the send button for it -->
[7676]39 <div id="searchbox">
[7687]40 <form>
[7715]41 <input type="text" name="naam" size="18" maxlength="30"><input type="button" name="knop" value=" > ">
[7687]42 </form>
[7676]43 </div>
[7717]44 <!-- This contains the list of nodes, in future the searchbox will make it possible to filter this list -->
[7676]45 <div id="searchlist">
[7687]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>
[7676]58 </div>
[7675]59 </div>
[7716]60 <!-- The buttons under the searchframe. In a table for positioning. -->
[7715]61 <div id="userpick">
62 <table>
[7719]63 <tr><!-- onclick events activate functions from within inc/gebruiker_beheerder_switch.js which load in the selected view with node_info.php -->
[7718]64 <td><input type="button" value="Gebruiker" onclick="switchGebruiker();"></td>
65 <td><input type="button" value="Beheerder" onclick="switchBeheerder();"></td>
[7715]66 </tr>
67 </table>
68 </div>
[7664]69 </div>
[7695]70
[7673]71 <!-- General functions under the map -->
72 <div id="navigation">
73 <form>
74 <table>
75 <tr>
76 <!-- First colum -->
77 <td>
[7715]78 <input type="checkbox" value="shownodes" onclick="toggleMyKml();" checked="checked">Toon nodes
[7673]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>
[7664]89</div>
90</body>
91</html>
Note: See TracBrowser for help on using the repository browser.