source: src/django_gheat/website/templates/home.html@ 9216

Last change on this file since 9216 was 9216, checked in by dennisw, 13 years ago

Redid some code with help of a java.sun.com article. Should make it easier to add the filters.

A lot of crappy/old code is still there, will clean up when done.

File size: 2.0 KB
Line 
1<html>
2<head>
3 <link href="{{ STATIC_URL }}style.css" rel="stylesheet" type="text/css" media="screen" />
4 <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenLayers.js"></script>
5 <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenStreetMap.js"></script>
6 <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap.js"></script>
7 <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap_extensions.js"></script>
8 <script language="javascript" type="text/javascript">
9 function toggleDiv(div){
10 var show = div;
11 var hide;
12 if(show == 'info'){
13 hide = 'filter';
14 }
15 else{
16 hide = 'info';
17 }
18 if(document.getElementById(show).style.display != 'block'){
19 document.getElementById(show).style.display = 'block';
20 document.getElementById(hide).style.display = 'none';
21 }
22 else{
23 document.getElementById(show).style.display = 'none';
24 document.getElementById(hide).style.display = 'none';
25 }
26 }
27 </script>
28</head>
29
30
31<body onload="init()">
32 <div id="heatmap"></div>
33 <div id="container">
34 <div id="header">
35 Stichting Wireless Leiden - Heatmap
36 </div>
37 <div id="menu">
38 <a href="javascript:toggleDiv('info')">Info</a>
39 <a href="javascript:toggleDiv('filter')">Filters</a>
40 </div>
41 <div id="info">
42 This might need some work done.
43 </div>
44 <div id="filter">
45 <div id="filter_text">
46 <h1>Filters</h1>
47 <p>Create your custom layer by choosing the desired filter options on the right and adding it the layer to the list.</p>
48 <p>For instance, you can choose to create a layer with data measured only by yourself, or with a certain node from Wireless Leiden only.</p>
49 </div>
50 <div id="filter_list">
51
52 </div>
53 </div>
54 </div>
55 <div id='node_list'>
56 Click on map to display Wireless Leiden nodes.
57 </div>
58</body>
59</html>
Note: See TracBrowser for help on using the repository browser.