mapstats |
Subversion Repositories: |
[/] [index.html] - Rev 10
Compare with Previous -
Blame
- Download
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Mapstats v4.1 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.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" id="ch_ap"/> AP<br/>
<input type="checkbox" name="ch_router" id="ch_router"/> Router<br/>
<input type="checkbox" name="ch_node" id="ch_node"/> Node<br/>
<input type="checkbox" name="ch_infopoint" id="ch_infopoint"/> Infopoint<br/>
<input type="checkbox" name="ch_noping" id="ch_noping"/> Client & Switch<br/>
<input type="checkbox" name="ch_legend" id="ch_legend"/> Legend<br/><br/>
<input type="checkbox" name="ch_name" id="ch_name"/> Name<br/>
<input type="checkbox" name="ch_ip" id="ch_ip"/> IP<br/>
<input type="checkbox" name="ch_status" id="ch_status"/> Status<br/><br/>
<input type="checkbox" name="ch_backbone" id="ch_backbone"/> Backbone links<br/>
<input type="checkbox" name="ch_client" id="ch_client"/> Client links<br/>
<input type="checkbox" name="ch_inp" id="ch_inp"/> 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
