Changeset 7738


Ignore:
Timestamp:
Apr 13, 2010, 5:35:29 PM (13 years ago)
Author:
janveeden
Message:

Styled the cluster list. Removed different views (beheerder, gebruiker) from clusterinfo. Also added clickevent to nodemapWL.js for future use.

Location:
trunk/src/map
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/map/inc/markerClusterer.js

    r7733 r7738  
    685685          mouseOverCluster(markerArray);
    686686      });
     687   
     688  GEvent.addDomListener(div, "click", function() {
     689          clickCluster(markerArray);
     690      });
    687691  this.div_ = div;
    688692};
  • trunk/src/map/inc/node_info.php

    r7735 r7738  
    8080elseif($_GET['type'] == "cluster")
    8181{
    82 $markerTitles = unserialize($_GET['markers']);
     82        $markerTitles = unserialize($_GET['markers']);
     83       
     84        echo <<<EOF
     85        <div id="nodeinfo">
     86                <h1>Nodes:</h1>
     87                <h2>
     88                Lijst met nodes in deze cluster<br/>
     89                <div id="clusterlist">
     90                <select multiple>
     91EOF;
     92        foreach($markerTitles as $marker)
     93        {
     94                echo "<option value='".$marker."'>".$marker."</option>";
     95        }
    8396
    84         if($view == "beheerder")//Display part for beheerder view of a cluster node
    85         {
    86                 echo <<<EOF
    87                 <div id="nodeinfo">
    88                         <h1>Nodes:</h1>
    89                         <h2>
    90                         Lijst met nodes in deze cluster<br/>
     97        echo <<<EOF
     98                </select><br/>
     99                </div>
     100                </h2>
     101        </div>
     102        <div id="timestamp">
     103                Laatste update: 15:42 <br/>
     104                Do 25 maart
     105        </div>
    91106EOF;
    92                 foreach($markerTitles as $marker)
    93                 {
    94                         echo "".$marker."<br/>";
    95                 }
    96                
    97                 echo <<<EOF
    98                         BEHEERDERSVIEW
    99                         </h2>
    100                 </div>
    101                 <div id="timestamp">
    102                         Laatste update: 15:42 <br/>
    103                         Do 25 maart
    104                 </div>
    105 EOF;
    106         }
    107         elseif($view == "gebruiker")//Display part for gebruiker view of a cluster node
    108         {
    109                 echo <<<EOF
    110                 <div id="nodeinfo">
    111                         <h1>Nodes:</h1>
    112                         <h2>
    113                         Lijst met nodes in deze cluster<br/>
    114                         <select multiple size="5" width="15">
    115 EOF;
    116                 foreach($markerTitles as $marker)
    117                 {
    118                         echo "<option value='".$marker."'>".$marker."</option>";
    119                 }
    120                
    121                 echo <<<EOF
    122                         </select><br/>
    123                         GEBRUIKERSVIEW
    124                         </h2>
    125                 </div>
    126                 <div id="timestamp">
    127                         Laatste update: 15:42 <br/>
    128                         Do 25 maart
    129                 </div>
    130 EOF;
    131         }
    132107}       
  • trunk/src/map/inc/nodemapWL.js

    r7736 r7738  
    8989}
    9090
     91//Our click function for Cluster nodes. 'markers' is an array containing all markers within the cluster
     92function clickCluster(markers)
     93{
     94       
     95}
     96
    9197
    9298//Code from w3schools. http://www.w3schools.com/dom/dom_http.asp
  • trunk/src/map/style/stylesheet.css

    r7715 r7738  
    2121height: 243px;
    2222width: 100%;
     23}
     24
     25#clusterlist {
     26margin-top: 10px;
     27overflow: hidden;
     28}
     29
     30#clusterlist select {
     31width: 100%;
     32height: 130px;
    2333}
    2434
Note: See TracChangeset for help on using the changeset viewer.