Ignore:
Timestamp:
May 23, 2011, 3:11:34 PM (14 years ago)
Author:
dennisw
Message:

Playing with interface.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • src/django_gheat/website/templates/home.html

    r9207 r9210  
    66  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap.js"></script>
    77  <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      if(document.getElementById(div + '_content').style.display != 'block'){
     11        document.getElementById(div + '_content').style.display = 'block';
     12      }
     13      else{
     14        document.getElementById(div + '_content').style.display = 'none';
     15      }
     16    }
     17  </script>
    818</head>
    919<body onload="init()">
    10   <div id="wrapper">
    11     <div id="contentcontainer">
    12       <div id="header">
    13         <a href="index.html"><img src="/static/img/logo.jpg" border="0" style="float: left;"/></a>
    14         &nbsp; <font style="font-size:24px; color:white;">Stichting Wireless Leiden</font><br />
    15         &nbsp; <font style="font-size:46px; color:white;">Heatmap</font>
    16       </div>
    17       <div id="content">
    18         <h1>Info</h1><br />
    19         Info
    20         <form method="get" action="">
    21           Gebruiker: <input type="text" id="user" name="user" size="25"/> <br />
    22           Meetrondje: <input type="text" id="dataset" name="dataset" size="25"/> <br />
    23           WirelessLeiden Node: <input type="text" id="wlnode" name="wlnode" size="25"/> <br />
    24           Encrypted: <input type="checkbox" id="enc" name="enc"/> <br />
    25           Datum: <input type="text" id="date" name="date" size="25"/> <br />
    26           Colour: <input type="text" id="colour" name="colour" size="25"/> <br />
    27           Layernaam: <input type="text" id="lname" name="lname" size="25"/> <br />
    28           <input type="button" value="Add filter" onClick="filters()"/>
    29         </form>
    30         <div id="nodelist"></div>
    31       </div>
    32       <div id="footer"> <a href="http://www.wirelessleiden.nl/">wirelessleiden.nl</a> </div>
     20  <div id="heatmap"></div>
     21  <div id="header">
     22    <div id="header_title">
     23      <font style="font-size:24px; color:white;" onclick="toggleDiv('header')">Stichting Wireless Leiden - Heatmap
     24      <a href="http://www.wirelessleiden.nl/" style="float: right;">wirelessleiden.nl</a></font>
    3325    </div>
    34     <div id="heatmapwrapper">
    35     <div id="heatmap"></div>
     26    <div id="header_content">
     27    test
     28    </div>
     29  </div>
     30  <div id="filters">
     31    <div id="filters_title">
     32      <font style="font-size:24px; color:white;" onclick="toggleDiv('filters')">Filters</font>
     33    </div>
     34    <div id="filters_content">
     35      <form method="get" action="">
     36        User: <input type="text" id="user" name="user" size="14"/> <br />
     37        Set: <input type="text" id="dataset" name="dataset" size="14"/> <br />
     38        WirelessLeiden Node: <input type="text" id="wlnode" name="wlnode" size="14"/> <br />
     39        Encrypted: <input type="checkbox" id="enc" name="enc"/> <br />
     40        Date: <input type="text" id="date" name="date" size="14"/> <br />
     41        Colour: <input type="text" id="colour" name="colour" size="14"/> <br />
     42        Layername: <input type="text" id="lname" name="lname" size="14"/> <br />
     43        <input type="button" value="Add filter" onClick="filters()"/>
     44      </form>
    3645    </div>
    3746  </div>
    3847</body>
    3948</html>
     49
     50
     51
     52
     53
     54
     55
     56
     57
     58
     59
     60
     61
     62
     63<body>
     64<!-- Collapsible panel, with separate CSS and JavaScript -->
     65<div style="width:170px;">
     66  <div class="squarebox">
     67    <div class="squareboxgradientcaption" style="height:20px; cursor: pointer;" onclick="togglePannelStatus(this.nextSibling)">
     68      <div style="float: left">
     69      </div>
     70      <div style="float: right; vertical-align: middle">
     71      </div>
     72    </div>
     73    <div class="squareboxcontent">
     74    </div>
     75  </div>
     76</div>
     77</body>
     78</html>
Note: See TracChangeset for help on using the changeset viewer.