|
Last change
on this file since 9223 was 9223, checked in by dennisw, 13 years ago |
|
Did a small test (so I created a testfile too). User & dataset filters are chained in this test. Note that this is a test, code can be ugly.
Also used a tiny amount of jquery, it's much more compact so I'll start switching the code to jquery later.
|
|
File size:
2.1 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_test.js"></script>
|
|---|
| 8 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
|
|---|
| 9 | <script language="javascript" type="text/javascript">
|
|---|
| 10 | function toggleDiv(div){
|
|---|
| 11 | var show = div;
|
|---|
| 12 | var hide;
|
|---|
| 13 | if(show == 'info'){
|
|---|
| 14 | hide = 'filter';
|
|---|
| 15 | }
|
|---|
| 16 | else{
|
|---|
| 17 | hide = 'info';
|
|---|
| 18 | }
|
|---|
| 19 | if(document.getElementById(show).style.display != 'block'){
|
|---|
| 20 | document.getElementById(show).style.display = 'block';
|
|---|
| 21 | document.getElementById(hide).style.display = 'none';
|
|---|
| 22 | }
|
|---|
| 23 | else{
|
|---|
| 24 | document.getElementById(show).style.display = 'none';
|
|---|
| 25 | document.getElementById(hide).style.display = 'none';
|
|---|
| 26 | }
|
|---|
| 27 | }
|
|---|
| 28 | </script>
|
|---|
| 29 | </head>
|
|---|
| 30 |
|
|---|
| 31 |
|
|---|
| 32 | <body onload="init(), get_filters()">
|
|---|
| 33 | <div id="heatmap"></div>
|
|---|
| 34 | <div id="container">
|
|---|
| 35 | <div id="header">
|
|---|
| 36 | Stichting Wireless Leiden - Heatmap
|
|---|
| 37 | </div>
|
|---|
| 38 | <div id="menu">
|
|---|
| 39 | <a href="javascript:toggleDiv('info')">Info</a>
|
|---|
| 40 | <a href="javascript:toggleDiv('filter')">Filters</a>
|
|---|
| 41 | </div>
|
|---|
| 42 | <div id="info">
|
|---|
| 43 | This might need some work done.
|
|---|
| 44 | </div>
|
|---|
| 45 | <div id="filter">
|
|---|
| 46 | <div id="filter_text">
|
|---|
| 47 | <h1>Filters</h1>
|
|---|
| 48 | <p>Create your custom layer by choosing the desired filter options on the right and adding it the layer to the list.</p>
|
|---|
| 49 | <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>
|
|---|
| 50 | </div>
|
|---|
| 51 | <div id="filter_list">
|
|---|
| 52 |
|
|---|
| 53 | </div>
|
|---|
| 54 | </div>
|
|---|
| 55 | </div>
|
|---|
| 56 | <div id='node_list'>
|
|---|
| 57 | Click on map to display Wireless Leiden nodes.
|
|---|
| 58 | </div>
|
|---|
| 59 | </body>
|
|---|
| 60 | </html>
|
|---|
Note:
See
TracBrowser
for help on using the repository browser.
