jablonka.czprosek.czf

mapstats

 Subversion Repositories:
[/] [index.html] - Rev 6 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 v3.1 AJAX</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="pragma" content="no-cache" />
    <link href="mapstats.css" rel="stylesheet" type="text/css" />
    <style>
        html,body { overflow: auto; border-width: 0px; }
        html>body { overflow: visible; }
     </style>

<!--[if IE]><script type="text/javascript" src="excanvas-compressed.js"></script><![endif]-->
<script type="text/javascript" src="mapstats.js"></script>

</head>

<body>

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

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

        // set outerDiv resolution (width and height)
        var inres_x = 700;
        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 = 110;
        var start_top = 50;

        // set zoom multiple
        var eq_mini = 0.33; // 33%
        var eq_medi = 0.5;  // 50%
        var eq_high = 0.66; // 66%
        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 = true;
        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)";

        // Let's start it
        window.onload = function() {
                nactiSoubory();
                mapInit(start_mul);
                nastavCheck();
                if (navigator.appName=="Microsoft Internet Explorer") {
                   canvasInit(0); // IE - hack DHTML attack;
                   deleteNames(); // delete text divs;
                }
                canvasInit(start_mul);
                timerMe();
        }

// -->
</script>

<!-- main map -->
<div style="float:left;">
   <div style="float:left;">
      <div id="outerDiv">
        <div id="zoomPanel">
          <div id="opaque">
              <!-- zoom 0 -->
              <div style="position:absolute;top:5px;left:5px;width:20px; height:5px;font-size: 0px;border:solid 1px black;background: #c5eec5;" onclick="mainMap.setZoom(0)"></div>
              <!-- zoom 1 -->
              <div style="position:absolute;top:17px;left:5px;width:20px; height:5px;font-size: 0px;border:solid 1px black;background: #c5eec5;" onclick="mainMap.setZoom(1)"></div>
              <!-- zoom 2 -->
              <div style="position:absolute;top:29px;left:5px;width:20px; height:5px;font-size: 0px;border:solid 1px black;background: #c5eec5;" onclick="mainMap.setZoom(2)"></div>
              <!-- zoom 3 -->
              <div style="position:absolute;top:41px;left:5px;width:20px; height:5px;font-size: 0px;border:solid 1px black;background: #c5eec5;" onclick="mainMap.setZoom(3)"></div>
          </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">
                <canvas id="paint"></canvas>
                <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="mapstats2">
                <canvas id="paint2"></canvas>
           </div>
        </div>
      </div>
      <div style="clear:both;"></div>
      <div id="underMap">
        <div id="resolutionInfo"></div>
        <div id="version"><a href="http://www.jklir.net/" target="jklir">Mapstats v3.1 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">&nbsp;AP<br/>
          <input type="checkbox" id="ch_router">&nbsp;Router<br/>
          <input type="checkbox" id="ch_node">&nbsp;Node<br/>
          <input type="checkbox" id="ch_infopoint">&nbsp;Infopoint<br/>
          <input type="checkbox" id="ch_noping">&nbsp;Client & Switch<br/>
          <input type="checkbox" id="ch_legend">&nbsp;Legend<br/><br/>

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

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

          <input type="button" id="apply" value="Apply" onClick="reDraw();"><br/>
          </form>
   </div>
</div>
<div style="clear:both">
   <br/><strong>Last Update: </strong><span id="mapstats_update" style="_width: 100%;"></span>
</div>

</body>
</html>

Powered by WebSVN 2.2.1