mapstats |
Subversion Repositories: |
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();
canvasInit(start_mul);
timerMe();
}
// -->
</script>
<!-- main map -->
<div>
<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_infopoint"></div>
<div id="mapstats_ip"></div>
<div id="mapstats_status"></div>
<div id="mapstats_name"></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 </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"> AP<br/>
<input type="checkbox" id="ch_router"> Router<br/>
<input type="checkbox" id="ch_node"> Node<br/>
<input type="checkbox" id="ch_infopoint"> Infopoint<br/>
<input type="checkbox" id="ch_noping"> Client & Switch<br/>
<input type="checkbox" id="ch_legend"> Legend<br/><br/>
<input type="checkbox" id="ch_name"> Name<br/>
<input type="checkbox" id="ch_ip"> IP<br/>
<input type="checkbox" id="ch_status"> Status<br/><br/>
<input type="checkbox" id="ch_backbone"> Backbone links<br/>
<input type="checkbox" id="ch_client"> Client links<br/>
<input type="checkbox" id="ch_inp"> 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>