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

Last change on this file since 9216 was 9216, checked in by dennisw, 15 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
RevLine 
[9139]1<html>
2<head>
[9175]3 <link href="{{ STATIC_URL }}style.css" rel="stylesheet" type="text/css" media="screen" />
[9139]4 <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenLayers.js"></script>
[9191]5 <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenStreetMap.js"></script>
[9139]6 <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap.js"></script>
[9207]7 <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap_extensions.js"></script>
[9210]8 <script language="javascript" type="text/javascript">
9 function toggleDiv(div){
[9211]10 var show = div;
11 var hide;
12 if(show == 'info'){
[9213]13 hide = 'filter';
[9210]14 }
15 else{
[9211]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';
[9210]21 }
[9211]22 else{
23 document.getElementById(show).style.display = 'none';
24 document.getElementById(hide).style.display = 'none';
25 }
[9210]26 }
27 </script>
[9139]28</head>
[9211]29
30
[9216]31<body onload="init()">
[9210]32 <div id="heatmap"></div>
[9211]33 <div id="container">
34 <div id="header">
[9214]35 Stichting Wireless Leiden - Heatmap
[9210]36 </div>
[9211]37 <div id="menu">
[9212]38 <a href="javascript:toggleDiv('info')">Info</a>
[9213]39 <a href="javascript:toggleDiv('filter')">Filters</a>
[9210]40 </div>
[9211]41 <div id="info">
[9214]42 This might need some work done.
[9210]43 </div>
[9213]44 <div id="filter">
45 <div id="filter_text">
[9212]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>
[9213]50 <div id="filter_list">
[9214]51
[9212]52 </div>
[9210]53 </div>
54 </div>
[9213]55 <div id='node_list'>
[9214]56 Click on map to display Wireless Leiden nodes.
[9213]57 </div>
[9210]58</body>
59</html>
Note: See TracBrowser for help on using the repository browser.