Changeset 8972


Ignore:
Timestamp:
Mar 18, 2011, 3:34:20 PM (14 years ago)
Author:
dennisw
Message:

olheatmap - website aangepast

Location:
src/olheatmap
Files:
4 added
2 edited

Legend:

Unmodified
Added
Removed

  • src/olheatmap/css/style.css

    r8971 r8972  
    1 #body {
    2   font-family: Verdana;
    3   background-color: rgb(244, 244, 244);
     1body,html{
     2        height:607px;
     3        margin:0;
     4        padding:0;
     5        font-family:Arial,Helvetica,sans-serif;
     6        font-size:12px;
     7        background-color:#999;
    48}
    59
    6 #title {
    7   text-align: center;
    8   font-size: 24px;
     10#wrapper{
     11        background-image:url('../img/bg.jpg');
     12        background-repeat: no-repeat;
     13        width:960px;
     14        height:100%;
     15        margin:0 auto -20px;
     16        word-wrap: break-word;
     17        border:1px;
     18        border-color:black;
    919}
    1020
    11 #map {
    12         float: left;
    13         width: 545px;
    14         height: 450px;
    15         border: 1px solid black;
     21#header{
     22        width:910px;
     23        height:100px;
     24        background-image:url('../img/header.jpg');
     25        padding-top:21px;
     26        padding-left:50px;
    1627}
    1728
    18 #features {
    19         position: relative;
    20         float: left;
    21         width: 650px;
    22         height: 446px;
    23         padding: 2px;
    24         margin-left: 5px;
    25         text-align: center;
    26         border: 1px solid black;
    27 /*      -moz-border-radius: 5px; */
     29#content{
     30        //background-color:#666;
     31        width:300px;
     32        float:left;
     33        margin-top:20px;
     34        margin:10px;
    2835}
    2936
    30 #feature {
    31   vertical-align: middle;
    32   text-align: left;
     37#heatmap{
     38        //background-color:#555;
     39        width:620px;
     40        float:right;
     41        height:466px;
    3342}
    3443
    35 #separator {
    36         position: relative;
    37         float: right;
    38         width: 10px;
    39         height: 450px;
    40         padding: 0px;
    41         border: 1px solid black;
    42 /*      -moz-border-radius: 5px; */
    43         background-color:  rgb(222, 222, 222);
     44#footer{
     45        background-color:#BABABA;
     46        height:17px;
     47        width:960px;
     48        margin:0 auto;
     49        clear:both;
     50        font-size:12px;
     51        color:#666;
     52        text-align:center;
     53        padding-top:3px;
     54}
     55       
     56h1{
     57        color:#C20000;
     58        margin-bottom:-5px;
     59        //text-align:right;
     60        //margin-right:5px;
     61        border-bottom:1px solid #C20000;
    4462}
    4563
    46 #separator:hover {
    47         background-color:  rgb(190, 190, 190);
     64A:link{
     65        color:#666;
    4866}
    4967
    50 
    51 #buttons {
    52   position: absolute;
    53   bottom: 10px;
    54   width: 600px;
    55   text-align: center;
     68A:visited{
     69        color:#666;
    5670}
    5771
    58 #statusBar {
    59         clear: both;
    60         position: relative;
    61         top: 10px;
    62         background-color:  rgb(222, 222, 222);
    63         text-align: center;
    64         border: 1px solid black;
    65         -moz-border-radius: 5px;
     72A:active{
     73        color:#666;
    6674}
    6775
    68 input.loading {
    69         vertical-align:top;
    70         width: 24px;
    71         visibility:hidden;
     76A:hover{
     77        color:#444;
    7278}
    73 
    74 div.numberOfItems {
    75         display: inline;
    76 }

  • src/olheatmap/index.html

    r8971 r8972  
    1 <!-- 
    2 /*  OpenLayersHeatmap
    3  *  Copyright (C) 2010 Felipe Barriga Richards
    4  *
    5  *  This Program is free software; you can redistribute it and/or modify
    6  *  it under the terms of the GNU General Public License as published by
    7  *  the Free Software Foundation; either version 2, or (at your option)
    8  *  any later version.
    9  *
    10  *  This Program is distributed in the hope that it will be useful,
    11  *  but WITHOUT ANY WARRANTY; without even the implied warranty of
    12  *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
    13  *  GNU General Public License for more details.
    14  *
    15  *  You should have received a copy of the GNU General Public License
    16  *  along with RTMPDump; see the file COPYING.  If not, write to
    17  *  the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
    18  *  Boston, MA  02110-1301, USA.
    19  *  http://www.gnu.org/copyleft/gpl.html
    20  *
    21  */
    22  
    23 /*
    24  * Edited by Dennis Wagenaar
    25  */
    26 -->
     1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2<html xmlns="http://www.w3.org/1999/xhtml">
     3<head>
     4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5<title>Heatmap</title>
     6<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
     7<script src="OpenLayers/OpenLayers.js"></script>
     8<script src="js/OpenStreetMap.js"></script>
     9<script src="js/test_1.php"></script>
     10</head>
     11
     12<body onload="init()">
     13<div id="wrapper">
     14        <div id="header">
     15        <a href="index.html"><img src="img/logo.jpg" border="0" style="float: left;"/></a>
     16        &nbsp; <font style="font-size:24px; color:white;">Stichting Wireless Leiden</font><br />
     17        &nbsp; <font style="font-size:46px; color:white;">Heatmap</font>
     18        </div>
     19        <div id="content">
     20        <h1>Info</h1><br />
     21        <input type="button" value="Generate Heatmap!" OnClick="generateHeatmap();" />
     22        </div>
     23        <div id="heatmap"></div>
     24<div id="footer"> <a href="http://www.wirelessleiden.nl/">wirelessleiden.nl</a> </div>
    2725
    2826
    29 <html xmlns="http://www.w3.org/1999/xhtml">
    30         <head>
    31                 <meta http-equiv="Pragma" content="no-cache">
    32                 <title>OLHeatmap (OpenLayers Heatmap) (Using OpenStreetMap)</title>
    33                 <link rel="stylesheet" type="text/css" href="css/style.css" />
    34                 <script src="OpenLayers/OpenLayers.js"></script>
    35                 <script src="js/OpenStreetMap.js"></script>
    36                 <script src="js/test_1.php"></script>
    37         </head>
    38         <body id="body" onload="init()">
    39                 <div id="title">OpenLayers Features Heatmap</div>
    40                 <center>
    41                         <input type="button" value="Generate Heatmap!" OnClick="generateHeatmap();" />
    42                 </center>
    43                 <br/>
    44                 <div style="width: 100%">
    45                         <div id="map"></div>
    46                                 <div id="features">
    47                                         <div id="buttons">
    48                                                 <input type="button" value="Updatemap" OnClick="onReadyStateChangeUpdateMap();" />
    49                                                 &nbsp;&nbsp;
    50                                                
    51                                                 &nbsp;&nbsp;
    52                                                 <input type="button" value="Add new Feature" OnClick="drawMarkers();" />
    53                                         </div>
    54                                 </div>
    55                         <div id="separator" onClick="showHidePanel();"></div>
    56                 </div>
    57                 <div id="statusBar">
    58                         Ready!
    59                 </div>
    60         </body>
     27</body>
    6128</html>
Note: See TracChangeset for help on using the changeset viewer.