jablonka.czprosek.czf

mapstats

Subversion Repositories:
[/] [index.html] - Rev 9 Go to most recent revision

Compare with Previous - Blame - Download


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">

<html>
<head>
  <title>Mapstats v4.0 AJAX</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta http-equiv="cache-control" content="no-cache" />
  <meta http-equiv="pragma" content="no-cache" />
  <meta http-equiv="imagetoolbar" content="no" />
  <link href="mapstats.css" rel="stylesheet" type="text/css" />
  <!--[if lte IE 8]><script type="text/javascript" src="excanvas.compiled.js"></script><![endif]-->
  <script type="text/javascript" src="mapstats.min.js"></script>
</head>

<body>

<script type="text/javascript">
<!--

        // set full resolution (100%) of map (width and height)
        var full_x = 5420;
        var full_y = 3696;

        // set outerDiv resolution (width and height)
        var inres_x = 685;
        var inres_y = 500;

        // set magnifier resolution (width and height)
        var magres_x = 150;
        var magres_y = parseInt(full_y / (full_x / magres_x));

        // set start position (from left and top)
        var start_left = 650;
        var start_top = 165;

        // set zoom multiple
        var eq_mini = 0.2; // 20%
        var eq_medi = 0.5; // 50%
        var eq_high = 0.7; // 70%
        var eq_orig = 1;   // 100%

        // set start multiple
        var start_mul = eq_mini;

        // set displayed functions
        var ch_ap = true;
        var ch_router = true;
        var ch_node = true;
        var ch_infopoint = true;
        var ch_noping = true;
        var ch_legend = true;
        var ch_name = true;
        var ch_ip = false;
        var ch_status = true;
        var ch_backbone = true;
        var ch_client = true;
        var ch_inp = true;

        // set source data
        var nodes = 'name.nodes';
        var noping = 'name.noping';
        var links = 'name.links';
        var infopoints = 'name.infopoints';
        var state = 'name.state';

        // set colors of links
        var wifi_client = "rgb(0, 200, 0)";
        var wifi_backbone = "rgb(250, 250, 0)";
        var eth_100 = "rgb(173, 216, 230)";
        var fso = "rgb(190, 0, 0)";
        var fso_backup = "rgb(255, 80, 80)";
        var ghz5 = "rgb(200, 200, 200)";
        var ghz10 = "rgb(255, 255, 255)";
        var fiber = "rgb(220, 0, 220)";
        var other = "rgb(0, 0, 250)";

        // set alpha colors of links
        var wifi_client_a = "rgba(0, 200, 0, 0.6)";
        var wifi_backbone_a = "rgba(250, 250, 0, 0.6)";
        var eth_100_a = "rgba(173, 216, 230, 0.6)";
        var fso_a = "rgba(190, 0, 0, 0.6)";
        var fso_backup_a = "rgba(255, 80, 80, 0.6)";
        var ghz5_a = "rgba(200, 200, 200, 0.6)";
        var ghz10_a = "rgba(255, 255, 255, 0.6)";
        var fiber_a = "rgba(220, 0, 220, 0.6)";
        var other_a = "rgba(0, 0, 250, 0.6)";

        // set names of links
        var name1 = "Wifi Client";
        var name2 = "Wifi Backbone";
        var name3 = "Ethernet";
        var name4 = "FSO";
        var name5 = "FSO + Backup";
        var name6 = "5 GHz";
        var name7 = "10 GHz";
        var name8 = "Fiber";
        var name9 = "Other";

        // set name for link in planning (for legend)
        var inp = "(InP)";

        window.onload = function() {
                loadFiles();
                mapInit(start_mul);
                setCheckboxes();
                canvasInit(start_mul);
                setAutoLoader();
        }

// -->
</script>

<!-- main map -->
<div id="wrapper">
   <div id="map">
      <div id="outerDiv">
        <div id="zoomPanel">
          <div id="zooms">
              <!-- zoom 0 --><a id="zoom0" href="javascript:mainMap.setZoom(0)"></a>
              <!-- zoom 1 --><a id="zoom1" href="javascript:mainMap.setZoom(1)"></a>
              <!-- zoom 2 --><a id="zoom2" href="javascript:mainMap.setZoom(2)"></a>
              <!-- zoom 3 --><a id="zoom3" href="javascript:mainMap.setZoom(3)"></a>
          </div>
          <div id="translucent"></div>
        </div>
        <div id="legend">
           <div id="legendcanvas"><canvas id="paintlegend" width="25" height="0"></canvas></div>
           <div id="mapstats_legend"></div>
        </div>
        <div id="innerDiv">
           <div id="mapstats">
                <div id="paint"></div>
                <div id="mapstats_wave"></div>
                <div id="mapstats_infopoint"></div>
                <div id="mapstats_ip"></div>
                <div id="mapstats_status"></div>
                <div id="mapstats_name"></div>
                <div id="mapstats_points"></div>
           </div>
           <div id="mapstats_over"></div>
        </div>
      </div>
      <div class="clr"></div>
      <div id="underMap">
        <div id="resolutionInfo"></div>
        <div id="version"><a href="http://www.jklir.net/" target="jklir">Mapstats v4.0 AJAX&nbsp;</a></div>
      </div>
   </div>
   <div id="menuset">
        <!-- mini map -->
        <div class="miniMap">
          <div id="miniMapInner"><img src="mini/mini_map.jpg" alt="" border="0" /></div>
          <div id="magnifier"></div>
        </div>
        <div id="infoDiv">0 x 0</div>
        <div id="checkboxes">
          <form action="#" name="form_map"><br/>
            <input type="checkbox" name="ch_ap" id="ch_ap"/>&nbsp;AP<br/>
            <input type="checkbox" name="ch_router" id="ch_router"/>&nbsp;Router<br/>
            <input type="checkbox" name="ch_node" id="ch_node"/>&nbsp;Node<br/>
            <input type="checkbox" name="ch_infopoint" id="ch_infopoint"/>&nbsp;Infopoint<br/>
            <input type="checkbox" name="ch_noping" id="ch_noping"/>&nbsp;Client & Switch<br/>
            <input type="checkbox" name="ch_legend" id="ch_legend"/>&nbsp;Legend<br/><br/>

            <input type="checkbox" name="ch_name" id="ch_name"/>&nbsp;Name<br/>
            <input type="checkbox" name="ch_ip" id="ch_ip"/>&nbsp;IP<br/>
            <input type="checkbox" name="ch_status" id="ch_status"/>&nbsp;Status<br/><br/>

            <input type="checkbox" name="ch_backbone" id="ch_backbone"/>&nbsp;Backbone links<br/>
            <input type="checkbox" name="ch_client" id="ch_client"/>&nbsp;Client links<br/>
            <input type="checkbox" name="ch_inp" id="ch_inp"/>&nbsp;In Planning links<br/><br/>

            <input type="button" name="apply" id="apply" value="Apply" onclick="javascript:reDraw();"/><br/>
          </form>
        </div>
   </div>
</div>
<div class="clr">
   <br/><strong>Last Update: </strong><span id="mapstats_update"><em>Loading...</em></span>
</div>

</body>
</html>

Powered by WebSVN 2.2.1